@font-face{font-family:'EKB Formbar';src:url('assets/ekb-formbar.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:'DM Sans';src:url('assets/dm-sans-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:'DM Sans';src:url('assets/dm-sans-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--paper:#faf7f2;--ink:#292724;--coral:#f26b5b;--muted:#706960;--line:#d8d1c8;--soft:#fce8e2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:18px 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid #a63e32;outline-offset:6px}::selection{background:var(--coral);color:var(--ink)}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:var(--paper);padding:16px;z-index:30}.skip:focus{top:10px}header{margin:0 4%;height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header img{width:262px;height:auto;display:block}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav>a{padding:10px 0}.nav-cta{display:flex;gap:30px;align-items:center;border-bottom:1px solid var(--ink)}.nav-cta span{font-size:21px}nav a:hover{color:#a63e32}.hero{position:relative;margin:0 4%;padding-top:22px}.hero-kicker{font-size:12px;display:flex;justify-content:space-between;gap:16px;letter-spacing:.01em}.side-note{color:var(--muted)}h1{margin:20px 0 0;font-weight:500;text-align:center;letter-spacing:-.075em;line-height:.96;position:relative;pointer-events:none}.hero-first{font-size:clamp(100px,17.6vw,270px);display:block}.hero-last{display:block;font-size:clamp(60px,9.1vw,140px);margin-top:290px;letter-spacing:-.065em;position:relative;z-index:2}em{font-style:normal}.hero-last em{position:relative}.hero-last em:after{content:'';position:absolute;bottom:0;left:4%;height:5px;width:97%;background:var(--coral);transform:rotate(-3deg)}.playground{position:absolute;top:170px;left:0;width:100%;height:420px}.hero-k{position:absolute;width:290px;height:340px;left:calc(50% - 145px);top:45px;transform:rotate(-16deg);filter:drop-shadow(7px 10px 0 #d65747);transition:transform .8s,opacity .6s;pointer-events:none}.playground-caption{position:absolute;left:calc(50% - 130px);top:375px;font-size:12px;transform:rotate(-6deg);color:var(--muted)}.task{position:absolute;width:205px;min-height:162px;padding:19px 22px 15px;background:var(--paper);border:1px solid var(--ink);box-shadow:5px 6px 0 #292724;display:flex;flex-direction:column;gap:13px;transform:translate(var(--x,0px),var(--y,0px)) rotate(var(--r));cursor:grab;touch-action:none;user-select:none;z-index:4;transition:box-shadow .15s}.task:hover,.task.selected{box-shadow:8px 10px 0 #292724}.task.dragging{cursor:grabbing;z-index:12}.task-type{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.task strong{font-size:22px;font-weight:500;letter-spacing:-.025em;line-height:1.1}.task-foot{font-size:10px;line-height:1.4;color:var(--muted)}.task-mail{left:8%;top:30px}.task-copy{left:25%;top:145px;background:var(--soft)}.task-follow{right:7%;top:10px;background:var(--soft)}.task-idea{right:21%;top:200px}.tidy-button{position:absolute;bottom:10px;right:1%;width:136px;height:136px;border-radius:50%;background:var(--ink);color:var(--paper);transform:rotate(10deg);z-index:8;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:15px;line-height:1.25;transition:transform .25s,background .25s}.tidy-button>span:last-child{font-size:28px;margin-top:7px}.tidy-button:hover{transform:rotate(0) scale(1.05);background:#a63e32}.play-hint{position:absolute;bottom:-16px;left:0;font-size:11px;color:var(--muted)}.playground.tidy .task{transition:all .8s cubic-bezier(.2,.8,.2,1);left:calc(50% - 102px);right:auto;top:218px;transform:rotate(-3deg) scale(.68);opacity:1}.playground.tidy .task-copy{transform:translate(7px,-5px) rotate(2deg) scale(.68)}.playground.tidy .task-follow{transform:translate(14px,-10px) rotate(7deg) scale(.68)}.playground.tidy .task-idea{transform:translate(21px,-15px) rotate(12deg) scale(.68)}.playground.tidy .hero-k{transform:translate(-270px,20px) rotate(-26deg) scale(.7);opacity:.55}.playground.tidy .playground-caption{opacity:0}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:44px 0 65px}.hero-bottom p{max-width:465px;font-size:17px;line-height:1.6;margin:0}.hero-bottom strong{font-weight:500}.text-link{display:flex;gap:60px;align-items:center;font-size:17px;border-bottom:1px solid;padding-bottom:13px}.text-link span{font-size:26px}.manifesto-strip{overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--coral);padding:20px 0;transform:rotate(-2deg);width:100%;margin:70px 0 95px}.manifesto-strip>div{display:flex;align-items:center;gap:45px;white-space:nowrap;transform:translateX(-60px)}.manifesto-strip span{font-size:36px;letter-spacing:-.035em;flex-shrink:0}.manifesto-strip img{width:37px;height:48px;filter:brightness(.17);flex-shrink:0}.possibilities{padding:0 4% 90px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;line-height:1.6;font-weight:500}.explore-heading{display:grid;grid-template-columns:1fr 2.3fr 1fr;gap:24px;align-items:end;margin-bottom:45px}.explore-heading>.eyebrow{align-self:start;margin-top:12px}h2{font-size:clamp(40px,5.4vw,80px);font-weight:500;letter-spacing:-.065em;line-height:1.04;margin:0}.explore-heading h2 span{color:#a63e32}.explore-heading>p:last-child{font-size:15px;line-height:1.6;margin:0 0 4px}.choices{display:flex;gap:0;border:1px solid var(--ink);border-bottom:0}.choice{flex:1;background:none;padding:22px 25px;border-right:1px solid var(--ink);display:flex;justify-content:space-between;gap:12px;font-size:16px;text-align:left;align-items:center}.choice:last-child{border-right:0}.choice.active{background:var(--ink);color:var(--paper)}.choice span{font-size:23px}.choice:hover:not(.active){background:var(--soft)}.example{background:var(--ink);color:var(--paper);padding:60px 6%;display:grid;grid-template-columns:1fr 1fr;gap:70px;min-height:470px}.example-copy .eyebrow{color:var(--coral);margin:0 0 30px}.example h3{font-size:48px;letter-spacing:-.05em;line-height:1.07;font-weight:500;max-width:445px;margin:0 0 25px}.example-copy p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:450px;color:#d0c8bf}.example-copy .human-note{border-top:1px solid #5a534c;padding-top:20px;margin-top:30px;font-size:13px!important}.demo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.demo-label{font-size:11px;color:#bbb1a6;position:absolute;top:-20px;right:0}.workflow{display:flex;flex-direction:column;align-items:center;width:100%;padding:10px 0 15px}.source-stack{width:218px;height:105px;position:relative;flex-shrink:0}.source-card{position:absolute;inset:0;background:var(--paper);color:var(--ink);border:1px solid #d5ccc0;padding:19px 22px;display:flex;flex-direction:column;gap:16px;font-size:13px}.source-3{transform:translate(-21px,-9px) rotate(-12deg)}.source-2{transform:translate(18px,-6px) rotate(8deg)}.source-1{transform:rotate(-3deg)}.doc-mark{width:26px;height:16px;border:1px solid #8d8276;position:relative}.doc-mark:after{content:'';position:absolute;left:4px;right:4px;top:5px;border-top:1px solid #8d8276;box-shadow:0 4px #8d8276}.flow-link{font-size:32px;height:57px;color:var(--coral);padding-top:4px;position:relative}.flow-link span{position:absolute;left:9px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--coral);opacity:0}.result-card{background:var(--coral);padding:20px 25px;transform:rotate(3deg);width:270px;min-height:135px;color:var(--ink);display:grid;grid-template-columns:30px 1fr;gap:5px 10px}.result-icon{font-size:22px;grid-row:1/3}.result-eyebrow{font-size:11px}.result-card strong{font-weight:500;line-height:1.15;font-size:19px}.result-line{grid-column:2;height:3px;background:#2927242c;margin-top:9px}.result-line.short{width:65%;margin-top:0}.replay{margin-top:8px;background:transparent;color:var(--paper);font-size:12px;padding:8px;border-bottom:1px solid #76695e}.replay span{margin-left:15px}.workflow.playing .source-1{animation:paper-in .8s both}.workflow.playing .flow-link span{animation:flow .6s .4s both}.workflow.playing .result-card{animation:result-in .6s .7s both}@keyframes paper-in{from{opacity:0;transform:translate(-30px,0) rotate(-15deg)}to{opacity:1;transform:rotate(-3deg)}}@keyframes flow{0%{top:6px;opacity:0}30%{opacity:1}90%{opacity:1}100%{top:45px;opacity:0}}@keyframes result-in{from{opacity:0;transform:translateY(20px) rotate(-4deg)}to{opacity:1;transform:rotate(3deg)}}.belief{padding:35px 11% 105px;position:relative}.belief>p:first-child{font-size:26px;letter-spacing:-.04em}.belief>p:nth-child(2){font-size:clamp(65px,9.5vw,145px);line-height:1;letter-spacing:-.065em;font-weight:500;margin:30px 0;position:relative}.belief>p:nth-child(2)>span{color:#a63e32}.belief img{position:absolute;right:-4%;top:-40px;width:170px;height:220px;transform:rotate(24deg);z-index:-1}.belief>div{font-size:16px;line-height:1.6;margin-left:49%;max-width:340px}.portfolio{padding:80px 4% 90px;background:#eee9e1}.portfolio-heading{display:grid;grid-template-columns:1fr 2.3fr 1fr;gap:24px;align-items:end;margin-bottom:50px}.portfolio-heading>.eyebrow{align-self:start;margin-top:10px}.portfolio-heading>p:last-child{font-size:14px;line-height:1.6}.portfolio-heading h2{font-size:clamp(39px,4.8vw,72px)}.portfolio-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:50px}.project-card:nth-child(even){padding-top:155px}.project-image{min-height:490px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.project-coral{background:var(--coral)}.project-ink{background:var(--ink);color:var(--paper);min-height:385px}.placeholder-label{border-bottom:1px solid currentColor;font-size:12px;align-self:flex-start;padding-bottom:6px}.project-image>p{font-size:clamp(50px,6.4vw,99px);line-height:.98;letter-spacing:-.065em;margin:40px 0;font-weight:500}.project-ink>p{font-size:clamp(43px,4.8vw,74px)}.image-placeholder{font-size:12px}.coral{color:var(--coral)}.project-details{display:grid;grid-template-columns:1fr auto;gap:13px 15px;padding:23px 0}.project-details h3{font-size:24px;font-weight:500;letter-spacing:-.035em;margin:0}.project-details>span{font-size:11px;align-self:center;max-width:175px;text-align:right}.project-details>p{grid-column:1/-1;max-width:370px;font-size:15px;line-height:1.6;color:var(--muted);margin:0}.client-voice{margin-top:55px;border-top:1px solid #c8beb2;padding-top:45px;display:flex;gap:35px;align-items:flex-start}.quote-mark{font-family:Georgia,serif;font-size:180px;line-height:1;color:#a63e32}.client-voice>div{padding-top:17px;flex:1}.client-voice blockquote>p{font-size:46px;letter-spacing:-.055em;line-height:1.1;margin:0 0 20px}.client-voice cite{font-size:13px;color:var(--muted)}.client-voice>.eyebrow{margin-top:21px}.start-section{background:var(--coral);padding:75px 7% 70px;display:grid;grid-template-columns:1fr 1fr;gap:40px 80px}.start-intro>.eyebrow{margin:0 0 30px}.start-intro h2{font-size:clamp(49px,5.9vw,87px)}.start-intro>p:last-child{font-size:16px;line-height:1.6;max-width:360px;margin-top:30px}.steps{padding-top:35px}.steps details{border-top:1px solid #292724;border-bottom:0}.steps details:last-child{border-bottom:1px solid #292724}.steps summary{list-style:none;font-size:22px;font-weight:500;letter-spacing:-.035em;cursor:pointer;padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.steps summary::-webkit-details-marker{display:none}.steps summary span{font-size:28px;font-weight:400;transition:transform .2s}.steps details[open] summary span{transform:rotate(45deg)}.steps details>div{padding:0 40px 24px 0}.steps h3{font-size:15px;font-weight:500;margin:0 0 8px}.steps p{font-size:15px;line-height:1.7;margin:0}.start-link{grid-column:2;justify-self:start;border-bottom:1px solid;padding-bottom:10px;display:flex;gap:40px;align-items:center;font-size:16px}.start-link span{font-size:28px}footer{padding:35px 4% 24px}.footer-top{display:flex;justify-content:space-between;font-size:12px;gap:25px}.footer-logo{display:block;margin:30px -1% 0}.footer-logo> :is(img,svg){width:100%;height:auto;display:block}footer>p{font-size:12px;margin:20px 0 0;color:var(--muted)}
@media(min-width:1550px){body{max-width:1800px;margin:auto}.playground{top:205px}h1{margin-top:35px}.hero-last{margin-top:280px}}
@media(max-width:1100px){header img{width:240px}.playground{top:140px}.task{width:170px;min-height:147px;padding:15px 17px;gap:12px}.task strong{font-size:19px}.task-mail{left:3%;top:27px}.task-copy{left:20%;top:160px}.task-follow{right:4%;top:24px}.task-idea{right:18%;top:202px}.hero-k{width:230px;left:calc(50% - 115px);top:30px}.tidy-button{width:113px;height:113px;font-size:13px;bottom:12px}.hero-last{margin-top:320px}.playground-caption{top:359px}.hero-bottom{margin-top:38px}.hero-bottom p{max-width:410px;font-size:16px}.text-link{font-size:15px;gap:30px}.explore-heading,.portfolio-heading{grid-template-columns:1.8fr 1fr}.explore-heading>.eyebrow,.portfolio-heading>.eyebrow{grid-column:1/-1;margin:0}.example{padding:45px 5%;gap:30px}.example h3{font-size:40px}.choice{padding:20px 15px;font-size:14px}.belief img{width:130px;right:-3%}.portfolio-grid{gap:30px}.project-image{min-height:410px}.project-ink{min-height:330px}.project-card:nth-child(even){padding-top:100px}.project-details{grid-template-columns:1fr}.project-details>span{text-align:left;max-width:none}.client-voice blockquote>p{font-size:40px}.start-section{gap:30px 45px;padding:60px 5%}.steps summary{font-size:19px}}
@media(max-width:760px){header{height:89px;margin:0 5%}header img{width:240px}nav{gap:0}nav>a:not(:last-child){display:none}.nav-cta{font-size:12px;gap:12px}.nav-cta span{font-size:19px}.hero{margin:0 5%;padding-top:18px}.hero-kicker{font-size:10px}.side-note{display:none}h1{margin-top:22px}.hero-first{font-size:20vw;letter-spacing:-.075em}.hero-last{font-size:10.2vw;margin-top:336px;letter-spacing:-.055em;line-height:1.08}.hero-last em:after{height:3px;bottom:-3px}.playground{top:115px;height:336px}.hero-k{width:190px;height:235px;top:30px;left:calc(50% - 95px)}.task{width:131px;min-height:115px;padding:11px 12px;gap:8px;box-shadow:3px 4px 0 #292724}.task-type{font-size:8px;letter-spacing:.04em}.task strong{font-size:16px}.task-foot{font-size:8px}.task-mail{left:3%;top:7px;--r:-9deg!important}.task-follow{right:2%;top:22px;--r:8deg!important}.task-copy{left:2%;top:164px;--r:-6deg!important}.task-idea{right:11%;top:178px;--r:9deg!important}.tidy-button{width:94px;height:94px;bottom:-1px;right:-2%;font-size:11px}.tidy-button>span:last-child{font-size:23px;margin-top:5px}.playground-caption{display:none}.play-hint{font-size:9px;bottom:-18px;max-width:180px}.hero-bottom{display:block;margin:30px 0 45px}.hero-bottom p{font-size:15px;line-height:1.65;max-width:100%}.text-link{margin-top:22px;width:max-content;gap:38px;font-size:15px;padding-bottom:7px}.playground.tidy .task{left:calc(50% - 65px);top:152px;transform:rotate(-3deg) scale(.8)}.playground.tidy .task-copy{transform:translate(7px,-5px) rotate(2deg) scale(.8)}.playground.tidy .task-follow{transform:translate(14px,-10px) rotate(7deg) scale(.8)}.playground.tidy .task-idea{transform:translate(21px,-15px) rotate(12deg) scale(.8)}.playground.tidy .hero-k{transform:translate(-90px,43px) rotate(-26deg) scale(.6);opacity:.4}.manifesto-strip{margin:30px 0 60px;padding:15px 0}.manifesto-strip>div{gap:25px}.manifesto-strip span{font-size:25px}.manifesto-strip img{width:26px;height:33px}.possibilities{padding:0 5% 50px}.explore-heading,.portfolio-heading{display:block;margin-bottom:28px}.eyebrow{font-size:10px}.explore-heading h2{font-size:44px;margin:20px 0}.explore-heading>p:last-child{font-size:14px}.explore-heading>p:last-child br{display:none}.choices{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink)}.choice{padding:14px 12px;font-size:12px;border-bottom:1px solid var(--ink);border-right:1px solid var(--ink)}.choice:nth-child(2){border-right:0}.choice:nth-child(n+3){border-bottom:0}.choice span{font-size:18px}.example{display:block;padding:30px 23px}.example h3{font-size:36px;margin-bottom:20px}.example-copy .eyebrow{margin-bottom:22px}.example-copy p:not(.eyebrow){font-size:14px}.example-copy .human-note{font-size:11px!important;margin-top:23px;padding-top:15px}.demo{padding-top:40px;margin-top:20px}.demo-label{top:5px;font-size:10px;right:auto}.source-stack{width:190px;height:91px}.source-card{font-size:12px;padding:15px 18px}.result-card{width:235px;min-height:125px;padding:17px 19px}.result-card strong{font-size:17px}.belief{padding:0 7% 55px}.belief>p:first-child{font-size:20px;margin-top:0}.belief>p:nth-child(2){font-size:12vw;margin:23px 0}.belief img{width:76px;height:110px;right:0;top:-40px;opacity:.75}.belief>div{margin-left:15%;font-size:13px}.portfolio{padding:43px 5% 45px}.portfolio-heading h2{font-size:42px;margin:20px 0}.portfolio-heading>p:last-child{font-size:14px}.portfolio-grid{grid-template-columns:1fr;gap:28px}.project-image{min-height:370px;padding:24px}.project-image>p{font-size:70px}.project-card:nth-child(even){padding-top:0;margin-left:9%}.project-ink{min-height:285px}.project-ink>p{font-size:48px}.project-details{padding:20px 0;gap:10px}.project-details h3{font-size:23px}.project-details>p{font-size:14px}.placeholder-label,.image-placeholder{font-size:11px}.client-voice{gap:15px;flex-wrap:wrap;margin-top:22px;padding-top:25px}.quote-mark{font-size:106px}.client-voice>div{padding-top:12px}.client-voice blockquote>p{font-size:30px;margin-bottom:15px}.client-voice cite{font-size:11px;line-height:1.5;display:block}.client-voice>.eyebrow{width:100%;margin:0 0 0 60px;font-size:9px}.start-section{display:block;padding:45px 6%}.start-intro h2{font-size:55px}.start-intro>.eyebrow{margin-bottom:23px}.start-intro>p:last-child{font-size:14px;margin-top:24px}.steps{padding-top:23px}.steps summary{font-size:18px;padding:20px 0}.steps details>div{padding-right:10px}.steps p{font-size:14px}.start-link{font-size:14px;margin-top:28px;width:max-content;gap:25px}.footer-top{font-size:10px;gap:15px}footer{padding:24px 5%}.footer-logo{margin-top:22px}footer>p{font-size:10px;margin-top:10px}}
@media(max-width:380px){header img{width:218px}.nav-cta{gap:8px;font-size:11px}.hero-last{margin-top:330px}.task{width:121px}.task strong{font-size:15px}.hero-k{width:165px;left:calc(50% - 82px)}.task-follow{right:1%;top:22px}.task-idea{right:7%}.explore-heading h2{font-size:39px}.portfolio-heading h2{font-size:38px}.project-ink>p{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero-first{position:relative;z-index:6}.playground.tidy .task{cursor:default}

.accent{font-family:'EKB Formbar','DM Sans',sans-serif;font-style:normal;font-weight:400;letter-spacing:-.025em;white-space:nowrap;display:inline-block;font-synthesis:none}.hero-last .accent{color:var(--coral);font-size:1.2em}.hero-last em:after{display:none}.belief>p:nth-child(2)>.accent{color:#a63e32}.portfolio-heading .accent{color:#a63e32}.start-intro .accent{color:var(--ink)}

.accent{font-size:1.2em;position:relative;overflow:visible;vertical-align:-.10em}.accent-text{font:inherit;letter-spacing:inherit}.accent-baseline{display:inline-block;width:0;height:0;padding:0;margin:0;vertical-align:baseline}.accent-morph{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:currentColor;display:none}.accent-motion .accent:not(.morph-ready){visibility:hidden}.accent-motion .accent.morph-ready>.accent-text{opacity:0}.accent-motion .accent.morph-ready>.accent-morph{display:block}.accent-motion .accent.morph-complete>.accent-text{opacity:1}.accent-motion .accent.morph-complete>.accent-morph{display:none}.accent.morph-ready{isolation:isolate}
@media(prefers-reduced-motion:reduce){.accent-motion .accent:not(.morph-ready){visibility:visible}.accent-motion .accent.morph-ready>.accent-text{opacity:1}.accent-motion .accent.morph-ready>.accent-morph{display:none}}
.hero-first{font-size:clamp(72px,13.8vw,240px);min-height:min(16.9vw,260px);display:flex;align-items:center;justify-content:center}.playground{--task-width:205px;--task-height:162px}.task-extra{left:calc(var(--note-x) * (100% - var(--task-width)));top:calc(var(--note-y) * (100% - var(--task-height)));right:auto;background:var(--paper);z-index:var(--note-layer)}.task-extra:nth-of-type(even){background:var(--soft)}.task-pop{animation:note-pop .48s cubic-bezier(.18,.8,.3,1.2) both;transform-origin:50% 65%}.tidy-button{z-index:1000}.playground.tidy .task{left:calc(50% - var(--task-width)/2);right:auto;top:218px;transform:translate(var(--stack-x,0px),var(--stack-y,0px)) rotate(var(--stack-r,-3deg)) scale(.68);transition:transform .8s cubic-bezier(.2,.8,.2,1),left .8s,top .8s;pointer-events:none}
@keyframes note-pop{from{opacity:0;transform:translate(0,22px) rotate(calc(var(--r) - 8deg)) scale(.3)}65%{opacity:1;transform:translate(0,-3px) rotate(calc(var(--r) + 2deg)) scale(1.05)}to{opacity:1;transform:translate(0,0) rotate(var(--r)) scale(1)}}
@media(max-width:1100px){.playground{--task-width:170px;--task-height:147px}}
@media(max-width:760px){.hero-first{font-size:13.5vw;min-height:19.2vw}.playground{--task-width:131px;--task-height:115px}.playground.tidy .task{top:152px;transform:translate(var(--stack-x,0px),var(--stack-y,0px)) rotate(var(--stack-r,-3deg)) scale(.8)}}
@media(max-width:380px){.playground{--task-width:121px}}
/* A continuous, readable demonstration: incoming work, AI, outcomes, learning. */
.example{grid-template-columns:.95fr 1.1fr;gap:55px;padding:52px 5%}.example-copy{align-self:start;padding-top:80px}.pipeline-demo{display:block;padding:0;min-width:0}.pipeline-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;color:#c9c0b6;font-size:11px}.flow-toggle{background:none;color:var(--paper);font-size:11px;border-bottom:1px solid #776b60;padding:7px 0;white-space:nowrap}.flow-toggle span{margin-left:10px}.flow-toggle[hidden]{display:none}.support-flow{width:100%;position:relative;display:flex;flex-direction:column;align-items:center}.incoming{height:155px;width:100%;position:relative}.stream-label{text-align:center;font-size:12px;color:#c8bfb4;margin:0;position:relative;z-index:4}.incoming-message{position:absolute;top:35px;left:50%;width:225px;min-height:41px;background:var(--paper);color:var(--ink);border:1px solid #d7cbbd;padding:11px 13px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.25;box-shadow:0 4px 10px #0002;z-index:3;animation:message-arrive 3.6s linear infinite;animation-delay:var(--delay)}.incoming-message>span:first-child{color:#a63e32;font-size:19px;line-height:1}.collection-tray{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:230px;min-height:44px;border:1px solid #76695e;background:#37322d;display:flex;align-items:center;justify-content:center;color:var(--paper);font-size:12px;z-index:2}.tray-layer{position:absolute;inset:-5px 6px 5px;border:1px solid #66594d;z-index:-1;transform:rotate(-3deg);pointer-events:none}.pipeline-link{position:relative;width:28px;height:43px;flex-shrink:0;text-align:center;color:var(--coral);overflow:hidden}.pipeline-link:before{content:'';height:28px;position:absolute;left:13px;top:0;border-left:1px solid #a98577}.pipeline-link>b{font-size:25px;font-weight:400;line-height:1;position:absolute;bottom:0;left:6px}.pipeline-link>span{position:absolute;left:11px;width:5px;height:8px;border-radius:3px;background:var(--coral);top:-8px;animation:flow-down 1.8s linear infinite}.ai-engine{position:relative;display:flex;align-items:center;gap:15px;width:100%;max-width:345px;padding:23px 20px;background:var(--coral);color:var(--ink);border-radius:7px;isolation:isolate}.engine-badge{font-size:20px;font-weight:500;letter-spacing:-.04em;width:44px;height:44px;border:1px solid #29272466;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.ai-engine>div{min-width:0}.ai-engine strong{display:block;font-size:18px;line-height:1.2;font-weight:500;letter-spacing:-.02em}.ai-engine>div>span{display:block;font-size:11px;line-height:1.5;margin-top:6px}.engine-pulse{position:absolute;inset:0;border:1px solid var(--coral);border-radius:7px;z-index:-1;animation:engine-breathe 3.6s ease-out infinite;pointer-events:none}.branch-link{height:37px}.branch-link>span{animation-delay:-.7s}.flow-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;border-top:1px solid #806859;position:relative}.flow-outcome{padding:17px 10px 12px;position:relative;min-width:0;animation:outcome-receive 7.2s ease-in-out infinite}.flow-outcome+.flow-outcome{border-left:1px solid #5d5147}.flow-outcome:nth-child(2){animation-delay:-2.4s}.flow-outcome:nth-child(3){animation-delay:-4.8s}.outcome-mark{font-size:19px;color:var(--coral)}.flow-outcome h4{font-size:14px;font-weight:500;margin:9px 0 7px;line-height:1.25}.flow-outcome p{font-size:12px;color:#cfc5ba;line-height:1.5;margin:0}.learning-loop{border-top:1px solid #685547;margin-top:13px;padding:17px 13px 0;width:100%;position:relative}.learning-loop>div:first-child{display:flex;gap:10px;align-items:center}.learning-mark{font-size:23px;color:var(--coral)}.learning-loop>div>p{font-size:13px;margin:0;font-weight:500}.insight-topics{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.insight-topics>span{font-size:11px;padding:5px 9px;border:1px solid #77604f;border-radius:20px;color:#f1c1b9;animation:topic-emerge 7.2s ease-in-out infinite}.insight-topics>span:last-child{animation-delay:-3.6s}.learning-loop>p{font-size:12px;line-height:1.6;color:#cfc5ba;margin:10px 0 0;max-width:340px}.support-flow.flow-paused *{animation-play-state:paused!important}
@keyframes message-arrive{0%{opacity:0;transform:translate(calc(-50% + var(--entry) * var(--stream-spread,1)),-10px) rotate(var(--tilt)) scale(.96)}12%{opacity:1}60%{opacity:1;transform:translate(-50%,38px) rotate(-2deg) scale(1)}83%{opacity:1;transform:translate(-50%,70px) rotate(0) scale(.91)}100%{opacity:0;transform:translate(-50%,83px) rotate(0) scale(.87)}}
@keyframes flow-down{from{transform:translateY(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(47px);opacity:0}}
@keyframes engine-breathe{0%{transform:scale(1);opacity:.7}85%,100%{transform:scale(1.07,1.15);opacity:0}}
@keyframes outcome-receive{0%,25%,100%{background:transparent}8%,15%{background:#f26b5b15}}
@keyframes topic-emerge{0%,70%,100%{border-color:#77604f;background:transparent}30%,45%{border-color:#f26b5b;background:#f26b5b12}}
@media(max-width:1100px){.example{gap:30px;padding:40px 4%;grid-template-columns:.9fr 1.1fr}.incoming-message{width:205px}.ai-engine{padding:19px 15px;gap:11px}.ai-engine strong{font-size:16px}.flow-outcome{padding-left:8px;padding-right:8px}.flow-outcome h4{font-size:13px}.engine-badge{width:37px;height:37px;font-size:18px}}
@media(max-width:760px){.example{display:block;padding:30px 23px}.pipeline-demo{padding:25px 0 0;margin-top:20px;border-top:1px solid #5a4f45}.pipeline-top{font-size:10px;gap:10px;margin-bottom:22px}.flow-toggle{font-size:10px}.flow-toggle span{margin-left:6px}.incoming{height:149px}.incoming-message{width:196px;font-size:11px;padding:10px}.collection-tray{width:205px;font-size:11px}.stream-label{font-size:11px}.ai-engine{padding:19px 12px;gap:11px}.ai-engine strong{font-size:16px}.ai-engine>div>span{font-size:10px}.flow-outcome{padding:13px 7px 10px}.flow-outcome h4{font-size:12px}.flow-outcome p{font-size:11px}.outcome-mark{font-size:17px}.learning-loop{padding:15px 3px 0}.learning-loop>div>p{font-size:12px}.learning-loop>p{font-size:11px}.insight-topics>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.incoming-message{animation:none;opacity:1;transform:translate(-50%,30px) rotate(-3deg)}.incoming-message:nth-of-type(2){transform:translate(calc(-50% + 9px),19px) rotate(3deg)}.incoming-message:nth-of-type(3){transform:translate(calc(-50% - 6px),9px) rotate(-6deg)}.engine-pulse,.pipeline-link>span{display:none}}

@media(max-width:760px){.incoming{--stream-spread:.4}}

/* Pointer movement is independent of the pop animation and the note's rotation. */
.task{translate:var(--x,0px) var(--y,0px);transform:rotate(var(--r));transform-origin:50% 65%}
/* Studio draft: the task pile becomes the approved k in the centre. */
.hero-k{opacity:0;transition:none;overflow:visible;translate:0 60px}
.hero.is-transforming .hero-k,.hero.is-calm .hero-k{opacity:1}
.hero.is-transforming .task,.hero.is-calm .task{pointer-events:none}
.hero.is-calm .task{visibility:hidden}
.tidy-button:disabled{cursor:default;opacity:.8}
.accent:hover{filter:drop-shadow(0 3px 0 #2927240d)}
.case-preview{background:var(--coral);min-height:550px;overflow:hidden}.case-preview>h3{font-size:clamp(31px,3.3vw,48px);line-height:1.03;letter-spacing:-.045em;font-weight:500;margin:32px 0 15px}.case-stage{height:230px;position:relative;margin:12px -5px 20px}.case-ticket{position:absolute;background:var(--paper);border:1px solid var(--ink);box-shadow:3px 4px 0 #292724;padding:15px 17px;font-size:13px;max-width:215px;transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .5s;z-index:2}.ticket-a{left:2%;top:5%;transform:rotate(-9deg)}.ticket-b{right:1%;top:18%;transform:rotate(8deg)}.ticket-c{left:10%;top:43%;transform:rotate(5deg)}.ticket-d{right:3%;top:59%;transform:rotate(-7deg)}.ticket-e{left:0;top:76%;transform:rotate(-5deg)}.ticket-f{left:31%;top:29%;transform:rotate(-4deg)}.case-stage.is-after .case-ticket{transform:translateY(-12px) scale(.45);opacity:0;pointer-events:none}.case-results{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:11px;opacity:0;transform:translateY(12px);transition:opacity .5s .15s,transform .6s .1s}.case-stage.is-after .case-results{opacity:1;transform:translateY(0)}.case-results>div{background:var(--paper);border:1px solid var(--ink);display:flex;gap:16px;justify-content:space-between;align-items:center;padding:17px 19px}.case-results span{font-size:12px;color:#a63e32}.case-results strong{font-size:15px;font-weight:500}.case-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #29272460;padding-top:18px;gap:15px}.case-controls>span{font-size:11px;line-height:1.5}.case-controls button{display:flex;gap:18px;align-items:center;background:var(--ink);color:var(--paper);font-size:12px;padding:12px 15px;white-space:nowrap}.case-controls button span{font-size:18px}.case-controls button:hover{background:#a63e32}
@media(max-width:760px){.case-preview{min-height:525px}.case-preview>h3{font-size:34px;margin-top:28px}.case-stage{height:240px}.case-ticket{font-size:11px;padding:12px 13px;max-width:190px}.ticket-f{left:20%;top:32%}.case-results>div{padding:17px 13px;gap:10px}.case-results strong{font-size:13px}.case-results span{font-size:11px}.case-controls{align-items:flex-start;gap:12px}.case-controls>span{font-size:10px;max-width:145px}.case-controls button{font-size:11px;padding:10px 12px;gap:10px}}


@media(prefers-reduced-motion:reduce){.hero-k,.case-ticket,.case-results{transition:none!important}}

/* Fixed header with reserved space: compacting never moves the page content. */
:root{--header-full:112px;--header-small:74px}
html{scroll-padding-top:98px}
.header-space{height:var(--header-full)}
.site-header{--header-collapse:0;--read-progress:0;position:fixed;inset:0 0 auto;z-index:1000;margin:0;padding:0 4%;height:calc(var(--header-full) - (var(--header-full) - var(--header-small))*var(--header-collapse));border:0;background:rgba(250,247,242,.84);-webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%);isolation:isolate}
.site-header>a{display:flex;align-items:center}
.site-header img{transform:scale(calc(1 - var(--header-collapse)*.22));transform-origin:left center}
.header-track{position:absolute;left:4%;right:4%;bottom:0;height:1px;background:var(--line);pointer-events:none}
.header-track>span{position:absolute;left:calc((100% - var(--scroll-marker-size,15px))*var(--read-progress));top:50%;width:var(--scroll-marker-size,15px);height:var(--scroll-marker-size,15px);opacity:0;transform:translateY(-50%) scale(.72);transform-origin:center;will-change:transform,opacity}
.site-header .header-track>span>img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;will-change:transform}
@media(max-width:760px){.header-track{--scroll-marker-size:13px}}
.skip{z-index:2000}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header{background:rgba(250,247,242,.97)}}
@media(max-width:760px){:root{--header-full:89px;--header-small:64px}html{scroll-padding-top:84px}.site-header{margin:0;padding:0 5%}.header-track{left:5%;right:5%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Services are open, readable rows rather than another grid of cards. */
.services{padding:10px 4% 95px}
.services-heading{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);gap:24px;align-items:end;margin-bottom:50px}
.services-heading h2{text-align:left}.services-heading .accent{color:#a63e32}
.services-heading>p:last-child{font-size:16px;line-height:1.6;margin:0 0 4px}
.service-row{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:38px 0 42px;border-top:1px solid var(--line)}
.service-name .eyebrow{margin:0 0 20px;font-size:12px;color:#a63e32}
.service-name h3{font-size:clamp(38px,4.6vw,68px);line-height:1.02;font-weight:500;letter-spacing:-.055em;margin:0}
.service-content{align-self:center;max-width:540px}
.service-content>p{font-size:18px;line-height:1.6;max-width:480px;margin:0 0 24px}
.service-content ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;list-style:none;padding:0;margin:0}
.service-content li{font-size:14px;line-height:1.5;padding-left:13px;position:relative}
.service-content li:before{content:'';position:absolute;left:0;top:.6em;width:4px;height:4px;border-radius:50%;background:var(--coral)}
.services-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:28px;border-top:1px solid var(--ink)}
.services-foot>p{font-size:16px;line-height:1.6;margin:0}

@media(max-width:1000px){.services-heading{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.services-heading>p:last-child{grid-column:2;max-width:420px}.service-row{gap:5%}.service-content>p{font-size:16px}}
@media(max-width:760px){.services{padding:5px 5% 60px}.services-heading{display:block;margin-bottom:32px}.services-heading h2{font-size:clamp(34px,8.6vw,52px)}.services-heading>p:last-child{margin-top:22px;max-width:460px}.service-row{grid-template-columns:1fr;gap:24px;padding:28px 0 32px}.service-name .eyebrow{margin-bottom:14px}.service-name h3{font-size:clamp(36px,9.3vw,56px)}.service-content>p{margin-bottom:20px}.service-content ul{column-gap:14px}.service-content li{overflow-wrap:anywhere}.services-foot{align-items:flex-start;flex-direction:column;gap:23px}.services-foot .text-link{font-size:16px;gap:45px}}
@media(max-width:380px){.service-content ul{grid-template-columns:1fr}}

/* One shared content edge across every main section and the fixed header. */
:root{--page-gutter:4%}
:is(.site-header,.possibilities,.services,.belief,.portfolio,.start-section,footer){padding-inline:var(--page-gutter)}
.hero{margin-inline:var(--page-gutter)}
.header-track{inset-inline:var(--page-gutter)}
.footer-logo{margin-inline:0}
.belief img{right:0}
@media(max-width:760px){:root{--page-gutter:5%}}

/* Identical halves make the band loop without a visible restart. */
.manifesto-strip{position:relative}
.manifesto-strip>.marquee-track{width:max-content;gap:0;transform:none;animation:manifesto-marquee var(--marquee-duration,30s) linear infinite;animation-play-state:paused}
.marquee-group{display:flex;align-items:center;flex-shrink:0;gap:45px;padding-right:45px}
.manifesto-strip.marquee-ready:not(.marquee-paused):not(.marquee-offscreen):not(.marquee-hidden)>.marquee-track{animation-play-state:running}
@media(hover:hover){.manifesto-strip.marquee-ready:hover>.marquee-track{animation-play-state:paused}}
.marquee-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border:1px solid #29272450;border-radius:50%;background:var(--coral);color:var(--ink);box-shadow:0 0 14px 8px var(--coral)}
.manifesto-strip .marquee-toggle span{font-size:14px;line-height:1;letter-spacing:0}
.marquee-toggle:hover{background:var(--ink);color:var(--paper)}
@keyframes manifesto-marquee{to{transform:translateX(-50%)}}
@media(max-width:760px){.marquee-group{gap:25px;padding-right:25px}.marquee-toggle{right:8px}}
@media(prefers-reduced-motion:reduce){.manifesto-strip>.marquee-track{animation:none;transform:none}.marquee-toggle{display:none}}

.case-seo{background:var(--ink);color:var(--paper)}
.case-seo .case-ticket,.case-seo .case-results{color:var(--ink)}
.case-seo .case-ticket{box-shadow:3px 4px 0 var(--coral)}
:is(.case-seo,.case-support) .case-results{gap:8px}
:is(.case-seo,.case-support) .case-results>div{padding:13px 15px;gap:10px}
:is(.case-seo,.case-support) .case-results strong{font-size:14px;text-align:right}
.case-seo .case-controls{border-top-color:#faf7f24d}
.case-seo .case-controls button{background:var(--coral);color:var(--ink)}
.case-seo .case-controls button:hover{background:var(--paper)}
@media(max-width:760px){:is(.case-seo,.case-support) .case-results>div{padding:13px 11px;gap:8px}:is(.case-seo,.case-support) .case-results strong{font-size:13px}}

.belief>.belief-story{max-width:520px;font-size:18px;line-height:1.65}
.belief-story p{margin:0 0 1.15em}
.belief-story p:last-child{margin-bottom:0}
@media(max-width:760px){.belief>.belief-story{margin-left:0;max-width:520px;font-size:16px}}

@media(max-width:760px){.example-copy{padding-top:0}}

/* A quieter name marquee underneath the real customer testimonial. */
.client-voice blockquote{margin:0}
.client-voice>div{min-width:0}
.client-voice cite{display:block;font-size:14px;font-style:normal;line-height:1.5}
.client-references{padding:42px 0 0;min-width:0}
.references-inner{padding-bottom:28px;border-bottom:1px solid var(--line)}
.references-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.client-references h3{margin:0;font-size:14px;font-weight:400;line-height:1.5;color:var(--muted);letter-spacing:0}
.references-toggle{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;background:transparent;border:1px solid var(--line);border-radius:50%;font-size:14px;transition:background .2s}
.references-toggle[hidden]{display:none}
.references-toggle:hover{background:var(--soft)}
.references-window{overflow:hidden;padding:16px 0}
.reference-names{display:flex;flex-wrap:wrap;align-items:center;gap:24px 34px;margin:0;padding:0;list-style:none}
.reference-names li{display:flex;align-items:center;gap:34px;font-size:clamp(24px,2.6vw,38px);font-weight:500;letter-spacing:-.04em;line-height:1.3}
.reference-names img{width:22px;height:23px;flex-shrink:0}
.references-ready .references-window{mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.references-ready .references-track{display:flex;width:max-content;animation:references-roll var(--references-duration,70s) linear infinite;animation-play-state:paused}
.references-ready .reference-names{flex-wrap:nowrap;flex-shrink:0;gap:34px;padding-right:34px}
.references-ready .reference-names li{white-space:nowrap}
.references-ready:not(.references-paused):not(.references-offscreen):not(.references-hidden) .references-track{animation-play-state:running}
@media(hover:hover){.references-ready:hover .references-track{animation-play-state:paused}}
.references-ready:focus-within .references-track{animation-play-state:paused}
@keyframes references-roll{to{transform:translateX(-50%)}}
@media(max-width:760px){.client-references{padding-top:30px}.reference-names li{font-size:24px}.reference-names img{width:18px;height:19px}.references-inner{padding-bottom:20px}.client-references:not(.references-ready) .reference-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.client-references:not(.references-ready) .reference-names li{font-size:16px;overflow-wrap:anywhere}.client-references:not(.references-ready) .reference-names img{display:none}}
@media(prefers-reduced-motion:reduce){.references-track{animation:none!important;transform:none!important}}

/* The button itself becomes the approved smiley, without leaving its position. */
.tidy-button.is-smiley{transition:none}
.button-smiley{position:absolute;inset:0;visibility:hidden;pointer-events:none;transform-origin:center}
.button-smiley img{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.button-smiley .smiley-wink{opacity:0}
@media(prefers-reduced-motion:reduce){.button-smiley{display:none}}

.footer-blink-eye{transform-box:fill-box;transform-origin:center}
.footer-logo.is-blinking .footer-blink-eye{animation:footer-wink 280ms ease-in-out}
@keyframes footer-wink{0%,100%{transform:scaleY(1)}40%,60%{transform:scaleY(.08)}}
@media(prefers-reduced-motion:reduce){.footer-logo.is-blinking .footer-blink-eye{animation:none}}

/* A direct invitation at the end of the homepage. */
.footer-invitation{align-items:center;padding:22px 0 35px;gap:40px}
.footer-prompt{min-width:0}
.footer-prompt h2{font-size:clamp(32px,4vw,58px);line-height:1.08;letter-spacing:-.055em}
.footer-prompt p{font-size:16px;line-height:1.6;margin:20px 0 0;color:var(--muted)}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex-shrink:0}
.footer-contact-button{display:flex;align-items:center;justify-content:space-between;gap:38px;padding:14px 16px 14px 24px;background:var(--ink);color:var(--paper);border-radius:40px;font-size:17px;min-height:64px;transition:background .2s}
.footer-contact-button>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--coral);color:var(--ink);font-size:24px;transition:transform .25s}
.footer-contact-button:hover{background:#a63e32}
.footer-contact-button:hover>span{transform:rotate(45deg)}
.footer-contact>p{font-size:14px;color:var(--muted);margin:12px 0 0 24px}
.footer-contact .footer-up{align-self:flex-end;font-size:14px;margin-top:30px;border-bottom:1px solid var(--line);padding-bottom:4px}
@media(max-width:760px){.footer-invitation{flex-direction:column;align-items:flex-start;gap:28px;padding:16px 0 24px}.footer-prompt p{font-size:16px;margin-top:16px}.footer-prompt p br{display:none}.footer-contact{width:100%}.footer-contact-button{width:100%;gap:20px}.footer-contact>p{margin-left:0}.footer-contact .footer-up{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.footer-contact-button,.footer-contact-button>span{transition:none}.footer-contact-button:hover>span{transform:none}}

/* The pile keeps arriving; the escape from the chaos grows in place. */
.tidy-button{scale:var(--tidy-growth,1);transform-origin:85% 85%;transition:transform .25s,background .25s,scale .55s cubic-bezier(.22,.75,.3,1);isolation:isolate}
.tidy-button.is-smiley{transition:scale .55s cubic-bezier(.22,.75,.3,1)}
.task-burst.task-pop{animation:note-burst .34s cubic-bezier(.16,.75,.3,1) both}
@keyframes note-burst{from{opacity:0;transform:translate(var(--arrival-x),-70px) rotate(calc(var(--r) - 22deg)) scale(.55)}to{opacity:1;transform:translate(0,0) rotate(var(--r)) scale(1)}}
@media(prefers-reduced-motion:reduce){.tidy-button{scale:1;transition:none}.task-burst.task-pop{animation:none}}

/* On mobile, each case gets the same width and a natural swipe to the next. */
.project-navigation{display:none}
@media(max-width:760px){
 .portfolio-grid{position:relative;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;gap:16px;align-items:start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 28px 12px 0}
 .portfolio-grid::-webkit-scrollbar{display:none}
 .portfolio-grid>.project-card,.portfolio-grid>.project-card:nth-child(even){min-width:0;width:100%;margin:0;padding:0;scroll-snap-align:start;scroll-snap-stop:always}
 .portfolio-grid .case-preview{min-height:560px;padding:22px;justify-content:flex-start}
 .portfolio-grid .case-preview>h3{font-size:clamp(28px,7.8vw,34px);min-height:3.1em;margin:24px 0 12px}
 .portfolio-grid .placeholder-label{font-size:12px;min-height:24px}
 .portfolio-grid .case-stage{flex-shrink:0;height:240px}
 .portfolio-grid .case-controls{min-height:70px;align-items:center;gap:10px}
 .portfolio-grid .case-controls button{min-height:44px}
 .portfolio-grid .case-results>div{min-width:0}
 .portfolio-grid .case-results strong{min-width:0;overflow-wrap:anywhere}
 .portfolio-grid .project-details{padding:22px 0 0}
 .portfolio-grid .project-details>p{max-width:none;font-size:16px;line-height:1.6}
 .project-navigation:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 28px}
 .project-navigation>button{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border:1px solid var(--ink);border-radius:50%;background:transparent;font-size:24px;transition:background .2s,opacity .2s}
 .project-navigation>button:not(:disabled):hover{background:var(--coral)}
 .project-navigation>button:disabled{opacity:.25;cursor:default}
 .project-dots{display:flex;align-items:center;justify-content:center}
 .project-dots>button{display:grid;place-items:center;width:40px;height:44px;padding:0;background:transparent}
 .project-dots>button:after{content:'';width:7px;height:7px;border-radius:8px;background:var(--ink);opacity:.25;transition:width .25s,background .25s,opacity .25s}
 .project-dots>button[aria-current="true"]:after{width:23px;background:var(--coral);opacity:1}
 .portfolio-grid:focus-visible{outline-offset:0}
}
@media(prefers-reduced-motion:reduce){.project-navigation button,.project-dots>button:after{transition:none}}

/* Quiet company details anchor both routes below the signature logo. */
.footer-business{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;line-height:1.65}
.footer-business p{margin:0}
.footer-company .footer-company-name{font-size:16px;font-weight:500;margin-bottom:6px;color:var(--ink)}
.footer-company>p:not(.footer-company-name){color:var(--muted)}
.footer-company strong{font-weight:500;color:var(--ink);white-space:nowrap}
.footer-tax{display:inline-block;margin-left:24px}
.footer-business-links{text-align:right;flex-shrink:0}
.footer-business-links>a{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:3px;margin-bottom:10px}
.footer-business-links>a:hover{color:#a63e32;border-color:currentColor}
.footer-business-links>p{color:var(--muted)}
@media(max-width:760px){.footer-business{align-items:flex-start;flex-direction:column;gap:22px;margin-top:26px;padding-top:22px}.footer-tax{display:block;margin-left:0;margin-top:3px}.footer-business-links{width:100%;text-align:left;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 22px}.footer-business-links>a{margin-bottom:0}}

.footer-company .footer-email{margin-top:8px}.footer-email a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}.footer-email a:hover{color:#a63e32;text-decoration-color:currentColor}

.footer-business-links>.footer-about-link{margin-right:24px}@media(max-width:760px){.footer-business-links>.footer-about-link{margin-right:0}.footer-business-links>p{flex-basis:100%}}

/* Put the business benefit first, while preserving the playful hero. */
.hero-value{max-width:650px;min-width:0}
.hero-value h2{font-size:clamp(26px,2.8vw,40px);line-height:1.12;letter-spacing:-.04em;margin:0 0 16px}
.hero-bottom .hero-value p{max-width:600px}
.hero-bottom>.text-link{flex-shrink:0}
.belief-story .value-principle{border-top:1px solid var(--line);padding-top:23px;margin-top:28px}
.value-principle strong{font-weight:500;color:var(--ink)}
.project-details>.project-benefit{border-top:1px solid #c8beb2;padding-top:16px;margin-top:5px;color:var(--ink);font-size:16px;line-height:1.5;font-weight:500}
.project-benefit>span{display:block;font-size:12px;font-weight:400;color:#a63e32;margin-bottom:6px}
.start-intro>p>strong{font-weight:500}
@media(max-width:760px){.hero-value h2{font-size:27px;margin-bottom:13px}.hero-bottom .hero-value p{font-size:16px}.hero-bottom>.text-link{margin-top:24px}.project-details>.project-benefit{font-size:16px}.belief-story .value-principle{padding-top:20px;margin-top:24px}}