/* Full-screen chapters, with natural overflow for longer content. */
/* A question selector and a living answer stage. */
.consult-section{display:flex;flex-direction:column;justify-content:center;background:#f7f8f3}
.consult-header{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:52px}
.consult-header h2>span,.consult-header h2>strong{display:block}
.consult-title-muted{font-weight:800;color:#94938e}.consult-header h2>strong{font-weight:800;color:var(--ink)}
.consult-logo{display:block;width:clamp(240px,25vw,420px);height:auto;margin-bottom:8px;overflow:visible}
.consult-studio{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:48px;align-items:stretch}
.consult-choices{display:flex;flex-direction:column;border-top:1px solid #aab29f}
.consult-choice{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr) 28px;align-items:center;gap:20px;width:100%;flex:1;min-height:90px;padding:14px 18px 14px 4px;border:0;border-bottom:1px solid #cdd3c5;background:transparent;color:#172018;text-align:left;cursor:pointer;transition:background .25s,padding .35s}
.consult-choice>span:nth-child(2){font-size:20px;font-weight:600;line-height:1.45;letter-spacing:-.035em;word-break:keep-all}
.choice-object{display:grid;place-items:center;transition:transform .4s cubic-bezier(.2,1.5,.4,1)}
.choice-object img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 5px 4px #17201812)}
.choice-arrow{font-size:26px;transition:transform .35s,color .35s;opacity:.4}
.consult-choice:hover{background:#f0f3e9}.consult-choice:hover .choice-object{transform:translateY(-5px) rotate(-10deg)}
.consult-choice[aria-selected="true"]{background:#edf5db;color:#172018;padding-left:18px;border-bottom-color:#cdd3c5}
.consult-choice[aria-selected="true"] .choice-arrow{opacity:1;color:#48651d;transform:rotate(45deg)}
.consult-choice[aria-selected="true"]>span:nth-child(2){font-weight:750}
.consult-stage{position:relative;min-width:0;background:transparent;border-radius:4px 38px 4px 4px;isolation:isolate;overflow:hidden}
.consult-stage:after{content:'';position:absolute;inset:0 auto auto 0;height:2px;width:100%;background:var(--brand);transform-origin:left;transform:scaleX(0);pointer-events:none}
.consult-stage.is-switching:after{animation:answerSweep .85s ease-out}
.consult-stage:before{content:'';position:absolute;inset:-2px;z-index:4;background:#eef3e5;transform:translateX(-110%) skewX(-12deg);pointer-events:none}
.consult-stage.is-switching:before{animation:stageShutter .64s cubic-bezier(.65,0,.25,1) both}
.consult-panel{position:relative;min-height:480px;height:100%;padding:48px 40px 30px;display:flex;flex-direction:column;justify-content:flex-end;outline-offset:-5px}
.consult-panel[hidden]{display:none}
.answer-orbit{position:absolute;top:5px;right:16px;width:190px;height:170px;pointer-events:none;transform:translate(var(--scene-x,0px),var(--scene-y,0px));transition:transform .45s ease-out}
.answer-orbit img{position:absolute;right:18px;top:8px;object-fit:contain;filter:drop-shadow(0 15px 10px #263b0025);transform:rotate(-8deg)}
.answer-orbit i{position:absolute;inset:14px -8px;border:1px solid #20360025;border-radius:50%;transform:rotate(-25deg) scaleY(.55)}
.answer-orbit i:nth-child(2){transform:rotate(45deg) scaleY(.65)}
.answer-copy{position:relative;padding-top:100px;z-index:1}
.answer-copy h3{margin:0 0 24px;font-size:clamp(28px,2.25vw,40px);font-weight:800;line-height:1.25;letter-spacing:-.05em;word-break:keep-all;color:#172018}
.answer-copy p{margin:0 0 10px;max-width:540px;font-size:16px;line-height:1.75;color:#2c391e;word-break:keep-all}
.answer-route{display:flex;flex-wrap:wrap;align-items:center;gap:9px 18px;list-style:none;padding:22px 0 0;margin:20px 0 0;border-top:1px solid #17201838}
.answer-route li{font-size:12px;font-weight:650;color:#28391a}.answer-route li+li:before{content:'→';margin-right:18px;opacity:.5}
.answer-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.answer-line>span{display:block;transform-origin:left bottom}
.consult-panel.is-entering .answer-line>span{animation:answerTypeIn .6s calc(.28s + var(--line)*.09s) cubic-bezier(.18,.9,.24,1) both}
.consult-panel.is-entering .answer-copy p{animation:answerReveal .48s .42s both}
.consult-panel.is-entering .answer-copy p+p{animation-delay:.49s}
.consult-panel.is-entering .answer-route{animation:answerFinalBeat .4s .65s both}
.consult-panel.is-entering .answer-orbit{animation:objectLand 1s cubic-bezier(.2,.8,.2,1) both}
.consult-flight{position:fixed;pointer-events:none;z-index:120;object-fit:contain;filter:drop-shadow(0 22px 16px #17201830);will-change:transform,opacity}
.answer-burst{position:absolute;inset:0;pointer-events:none;z-index:-1}
.answer-burst b{position:absolute;left:50%;top:50%;width:14px;height:4px;background:#172018;border-radius:2px;opacity:0;transform:rotate(var(--angle)) translateX(35px)}
.consult-panel.is-entering .answer-burst b{animation:answerSpark .55s .55s both}
.scene-active .answer-orbit img{animation:answerFloat 5s ease-in-out infinite}
.scene-active .answer-orbit i{animation:answerOrbit 14s linear infinite}
.scene-active .answer-orbit i:nth-child(2){animation-direction:reverse;animation-duration:19s}
.consult-panel.is-entering .answer-orbit img{animation:none}
.consult-choice:active .choice-object{transform:scale(.72) rotate(-15deg)}
.scene-arriving .consult-header h2>span{animation:sceneTitleIn .7s cubic-bezier(.16,1,.3,1) both}
.scene-arriving .consult-header h2>strong{animation:sceneTitleIn .7s .1s cubic-bezier(.16,1,.3,1) both}
.scene-arriving .consult-choice{animation:sceneChoiceIn .55s calc(var(--choice,0)*.07s + .12s) both}
.consult-choice:nth-child(2){--choice:1}.consult-choice:nth-child(3){--choice:2}.consult-choice:nth-child(4){--choice:3}.consult-choice:nth-child(5){--choice:4}
.scene-arriving .consult-logo{animation:sceneBrandIn .85s .16s cubic-bezier(.16,1,.3,1) both}
.consult-choice:focus-visible,.consult-panel:focus-visible{outline:3px solid #557b00;outline-offset:4px}
@keyframes answerReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes objectLand{0%,38%{opacity:0;transform:translate(-40px,28px) rotate(-28deg) scale(.4)}68%{opacity:1;transform:translate(0,-12px) rotate(12deg) scale(1.2)}84%{opacity:1;transform:translate(0,5px) rotate(-5deg) scale(.96)}100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes stageShutter{0%{transform:translateX(-110%) skewX(-12deg)}38%{transform:translateX(0) skewX(-12deg)}100%{transform:translateX(110%) skewX(-12deg)}}
@keyframes answerTypeIn{from{transform:translateY(115%) rotate(7deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}
@keyframes answerFinalBeat{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
@keyframes answerSpark{0%{opacity:0;transform:rotate(var(--angle)) translateX(35px) scaleX(.3)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(118px) scaleX(.2)}}
@keyframes answerFloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(3deg)}}
@keyframes answerOrbit{from{transform:rotate(-25deg) scaleY(.55)}to{transform:rotate(335deg) scaleY(.55)}}
@keyframes sceneTitleIn{from{opacity:0;transform:translateY(55px) skewY(5deg)}to{opacity:1;transform:none}}
@keyframes sceneChoiceIn{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@keyframes sceneBrandIn{from{opacity:0;transform:translateX(70px) rotate(-7deg) scale(.75)}to{opacity:1;transform:none}}
@keyframes answerSweep{0%{transform:scaleX(0)}60%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
@media(max-width:1200px){.consult-studio{gap:26px;grid-template-columns:.9fr 1.1fr}.consult-choice{gap:12px;grid-template-columns:48px 1fr 20px}.choice-object img{width:46px;height:46px}.consult-choice>span:nth-child(2){font-size:17px}.consult-panel{padding:32px 28px 26px}.consult-header{gap:28px}.consult-logo{width:30%}}
@media(max-width:900px){.consult-header{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:40px}.consult-logo{width:min(100%,320px)}.consult-studio{grid-template-columns:1fr;gap:24px}.consult-choices{flex-direction:row;overflow-x:auto;scroll-snap-type:x proximity;gap:12px;border:0;padding:3px 3px 12px;scrollbar-width:thin;scrollbar-color:#8bad38 transparent}.consult-choice{flex:0 0 88%;min-height:132px;border:1px solid #cdd3c5;scroll-snap-align:start;padding:18px!important}.consult-choice>span:nth-child(2){font-size:18px}.consult-panel{min-height:440px}.answer-copy{padding-top:110px}.answer-copy h3{font-size:34px}}
@media(max-width:600px){.consult-choice{gap:10px;grid-template-columns:40px 1fr 18px;padding:15px 8px 15px 0}.consult-choice[aria-selected="true"]{padding-left:8px}.choice-object img{width:40px;height:40px}.consult-choice>span:nth-child(2){font-size:16px}.consult-panel{padding:28px 20px 24px}.answer-orbit{right:0;width:160px;height:150px}.answer-orbit img{width:125px;height:125px}.answer-copy h3{font-size:28px}.answer-copy p{font-size:14px}.answer-route{gap:8px 12px}.answer-route li{font-size:11px}.answer-route li+li:before{margin-right:12px}}
@media(prefers-reduced-motion:reduce){.consult-section *{animation:none!important;transition:none!important}.answer-orbit{transform:none}.consult-choice:hover .choice-object{transform:none}}
.quote-timing{margin-top:30px;border-top:1px solid var(--line);padding-top:15px}.quote-timing summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:13px}.quote-timing summary::-webkit-details-marker{display:none}.quote-timing p{font-size:13px;line-height:1.8;color:#62665b}.quote-timing[open] summary>span{transform:rotate(45deg)}
.service-item{grid-template-columns:1.15fr .85fr}
.process-step .emoji-3d{margin-top:0}
.principle-card:hover,.process-list li:hover{background:#beff000b}
@media(max-width:700px){.service-item{grid-template-columns:1fr}.service-item ul{grid-column:1}}
html:has(.codead-hero){scroll-padding-top:0}
main>.section-pad,main>.hero,main>.folio-scroll{min-height:100svh;min-height:100dvh;scroll-margin-top:0}
main>.folio-scroll{scroll-margin-top:0}
.section-pad{padding-block:clamp(100px,12vh,150px)}
.intro,.process{display:flex;flex-direction:column;justify-content:center}
.faq{align-content:center}
.principle-list{margin-top:clamp(64px,9vh,112px)}
.principle-card{padding:28px 30px;border-right:1px solid var(--line);transition:background .25s}
.principle-card:first-child{padding-left:0}.principle-card:last-child{border:0}
.principle-card summary,.process-step summary{cursor:pointer;list-style:none;position:relative}
.principle-card summary::-webkit-details-marker,.process-step summary::-webkit-details-marker{display:none}
.emoji-3d{object-fit:contain;filter:drop-shadow(0 8px 8px #1111);transition:transform .35s var(--ease);pointer-events:none}
.principle-list .emoji-3d{width:80px;height:80px;margin-bottom:22px}
.principle-list strong{margin:0 0 9px}
.principle-list .card-prompt,.process-list .card-prompt{display:flex;gap:18px;align-items:center;margin-top:24px;color:#62645d;font-size:12px;font-weight:600;width:auto;height:auto;background:none;border-radius:0;place-items:normal}
.card-prompt b{font-size:20px;line-height:1;transition:transform .25s}
details[open]>.card-detail{animation:detailIn .3s ease-out}
details[open]>summary .card-prompt b{transform:rotate(45deg)}
.principle-card[open],.process-list li:has(details[open]){background:#beff0012}
.principle-list .card-detail,.process-list .card-detail{font-size:14px;line-height:1.8;margin:20px 0 0;padding-top:18px;border-top:1px solid var(--line);color:#45483e}
.principle-card:hover .emoji-3d,.principle-card:focus-within .emoji-3d,.process-step:hover .emoji-3d,.process-step:focus-within .emoji-3d{transform:translateY(-8px) rotate(-6deg)}
.service-emoji{position:absolute;right:12px;top:40px;width:88px;height:88px}
.service-item{transition:background .25s}
.service-item:hover,.service-item:focus-within{background:#beff000b}
.service-item:hover .emoji-3d{transform:translateY(-7px) rotate(7deg)}
.service-link-arrow{display:inline-block;font-size:21px;margin-left:14px;transition:transform .25s}
.service-item a:hover .service-link-arrow{transform:translate(4px,-4px)}
.process-list{margin-top:clamp(56px,8vh,100px)}
.process-list li,.process-list li:not(:first-child){padding:28px;min-height:310px}
.process-list li:first-child{padding-left:0}
.process-step .emoji-3d{width:88px;height:88px;margin:20px 0 24px}
.process-list strong{margin-top:0}
.process-list .step-number{color:#696c60}
.section-nav{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:45;display:flex;flex-direction:column;align-items:center;padding:6px 3px;border:1px solid #b6b9ae70;border-radius:28px;background:#fffef4ed;box-shadow:0 6px 25px #00000012;color:#172018;backdrop-filter:blur(12px)}
.section-nav>a,.section-nav>button{position:relative;width:40px;height:38px;display:grid;place-items:center;border:0;background:transparent;color:inherit;cursor:pointer}
.section-nav>button{font-size:20px;height:38px}.section-nav>button:disabled{opacity:.25;cursor:default}
.section-nav-dot{width:6px;height:6px;border-radius:50%;background:#91998a;transition:transform .2s,background .2s}
.section-nav a[aria-current] .section-nav-dot{background:#233020;transform:scale(1.5);box-shadow:0 0 0 5px var(--brand)}
.section-nav-label{position:absolute;right:51px;white-space:nowrap;font-size:12px;font-weight:700;background:#172018;color:#fff;padding:7px 12px;border-radius:5px;opacity:0;transform:translateX(6px);pointer-events:none;transition:opacity .2s,transform .2s}
.section-nav a:hover .section-nav-label,.section-nav a:focus-visible .section-nav-label,.section-nav a[aria-current] .section-nav-label{opacity:1;transform:none}
.section-nav a:hover .section-nav-dot{transform:scale(1.5)}
.section-nav :focus-visible,.principle-card summary:focus-visible,.process-step summary:focus-visible,.service-item a:focus-visible{outline:2px solid #386926;outline-offset:4px;border-radius:4px}
.folio-dialog[open]~.section-nav,body.folio-modal-open .section-nav{visibility:hidden}
@keyframes detailIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(min-width:1101px){.section-pad{padding-inline:max(96px,calc((100vw - 1480px)/2))}}
@media(max-width:1100px){.section-pad{padding-right:80px}.principle-card{padding-inline:20px}.process-list{grid-template-columns:repeat(2,1fr)}.process-list li:nth-child(2){border-right:0}.process-list li:nth-child(3){padding-left:0}.section-nav-label{display:none}.service-item h3{font-size:26px}}
@media(max-width:700px){.section-pad{padding:90px 52px 80px 22px}.principle-list{margin-top:44px}.principle-card,.principle-card:first-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.principle-list .emoji-3d{width:64px;height:64px;margin-bottom:16px}.process-list{grid-template-columns:1fr;margin-top:35px}.process-list li,.process-list li:not(:first-child){padding:26px 0;min-height:0}.process-step .emoji-3d{width:72px;height:72px;position:absolute;right:0;top:0;margin:0}.process-list strong{margin-top:24px}.process-list p{margin-right:0}.service-item{padding-right:0}.service-emoji{width:64px;height:64px;right:0;top:18px}.service-item h3{padding-right:65px;font-size:24px}.section-nav{right:5px;padding:5px 0}.section-nav>a{width:28px;height:35px}.section-nav>button{width:28px;height:40px}.section-nav a[aria-current] .section-nav-dot{box-shadow:0 0 0 3px var(--brand)}.faq-list{margin-top:0}}
@media(prefers-reduced-motion:reduce){.emoji-3d,.section-nav *,.service-link-arrow{transition:none!important}.principle-card:hover .emoji-3d,.process-step:hover .emoji-3d,.service-item:hover .emoji-3d{transform:none}details[open]>.card-detail{animation:none}}
@media(max-width:1100px){.services-lead{gap:48px}.services-sticky{margin-bottom:0}}
@media(max-width:700px){.section-pad{padding-right:68px}.section-nav>a,.section-nav>button{width:40px;height:44px}.section-nav{right:4px}.service-item{padding-bottom:36px;gap:20px}.service-link-arrow{display:none}.service-item h3{padding-right:48px}.service-emoji{width:52px;height:52px}}

/* Cards have no disclosure or ordinal labels. */
.process-step .emoji-3d{margin-top:0}

/* Persistent inquiry invitation: a single gift burst on hover or keyboard focus. */
/* Process: four quiet idle loops, revealed through the same fixed-size card interaction. */
.process-list>li,.process-list>li:not(:first-child){padding:0;min-height:350px}
.process-step{position:relative;height:350px;overflow:hidden;transition:background .35s}
.process-step.is-open{background:#beff0010}
.process-trigger{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.process-trigger:focus-visible{outline:2px solid #456000;outline-offset:-5px;border-radius:4px}
.process-list .process-icon{position:absolute;display:block;left:50%;top:38px;width:144px;height:144px;transform:translateX(-50%);transform-origin:top left;transition:top .65s var(--ease),left .65s var(--ease),transform .65s var(--ease);pointer-events:none}
.process-list .process-icon .emoji-3d{position:relative;inset:auto;width:144px;height:144px;margin:0;transform:none}
.process-list .process-title{position:absolute;left:50%;top:218px;width:max-content;max-width:calc(100% - 48px);margin:0;transform:translateX(-50%);font-size:26px;line-height:1.35;transition:top .65s var(--ease),left .65s var(--ease),transform .65s var(--ease),font-size .65s var(--ease)}
.process-list .process-description{position:absolute;left:24px;right:24px;top:178px;margin:0;font-size:14px;line-height:1.85;color:var(--muted);opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .3s,transform .45s var(--ease),visibility .3s;pointer-events:none}
.process-list .is-open .process-icon{left:24px;top:24px;transform:translateX(0) scale(.55556)}
.process-list .is-open .process-title{left:24px;top:128px;font-size:22px;transform:none}
.process-list .is-open .process-description{opacity:1;visibility:visible;transform:none;transition-delay:.15s}
.process-icon span{display:block}
.listening-bubble{position:absolute;left:11px;top:24px;width:122px;height:91px;background:radial-gradient(ellipse at 32% 22%,#fff 0%,#ede9f8 40%,#c4afea 85%,#ac90d6 100%);border-radius:55% 50% 52% 48%;box-shadow:inset 0 2px 7px #fff,0 9px 13px #59368b18;animation:listenPop 4.8s ease-in-out infinite}
.listening-bubble:after{content:'';position:absolute;left:20px;bottom:-11px;width:27px;height:26px;background:linear-gradient(135deg,#e6def5,#c8b4e9);clip-path:polygon(0 0,100% 0,0 100%);animation:bubbleTail 4.8s ease-in-out infinite}
.bubble-particles{position:absolute;left:72px;top:70px}
.bubble-particles i{position:absolute;left:0;top:0;right:auto;width:8px;height:8px;border-radius:50%;background:var(--brand);opacity:0;animation:bubbleBurst 4.8s ease-out infinite}
.bubble-particles i:nth-child(3n){width:5px;height:5px;background:#829954}
.planning-checks{position:absolute;inset:0;width:144px;height:144px;fill:none;stroke:#527729;stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round}
.planning-checks path{stroke-dasharray:20;stroke-dashoffset:20;animation:planningCheck 4.8s ease-in-out infinite}
.planning-checks path:nth-child(2){animation-delay:.45s}.planning-checks path:nth-child(3){animation-delay:.9s}
.coding-display{position:absolute;left:25px;top:25px;width:93px;height:61px;padding:11px 8px;background:#16302c;border-radius:2px;overflow:hidden;transform:perspective(400px) rotateY(-2deg)}
.coding-display i{position:static;display:block;width:80%;height:3px;margin:0 0 6px;background:#beff00;transform:scaleX(0);transform-origin:left;animation:codeTyping 4s steps(9,end) infinite}
.coding-display i:nth-child(2){width:58%;margin-left:9px;animation-delay:.35s;background:#78cdc2}.coding-display i:nth-child(3){width:69%;animation-delay:.7s;background:#dce8d3}
.coding-display b{display:block;width:4px;height:7px;background:#beff00;animation:codeCursor .9s steps(1) infinite}
.rocket-flight{position:relative;width:144px;height:144px;animation:rocketLift 3s ease-in-out infinite}
.rocket-thrust{position:absolute;left:24px;top:94px;width:23px;height:40px;transform:rotate(42deg);transform-origin:top;background:radial-gradient(ellipse at 50% 12%,#fffac5,#ffb722 40%,#ff613700 73%);filter:blur(3px);animation:rocketFlame .55s ease-in-out infinite alternate}
.process-step:not(.is-in-view) .process-icon *,.process-step:not(.is-in-view) .listening-bubble:after{animation-play-state:paused}
.process-step.is-open .process-icon *,.process-step.is-open .listening-bubble:after{animation:none!important}
.process-step.is-open .planning-checks path{stroke-dashoffset:0}.process-step.is-open .coding-display i{transform:scaleX(1)}
@keyframes listenPop{0%,20%,100%{transform:scale(1);opacity:1;border-radius:55% 50% 52% 48%}32%{transform:rotate(-4deg) scale(1.07)}44%{transform:rotate(3deg) scale(1.18)}53%{transform:scale(1.2,1.48);border-radius:50%;opacity:1}56%,68%{transform:scale(1.38,1.6);opacity:0;border-radius:50%}73%{transform:scale(.55);opacity:0}84%{transform:scale(1.06);opacity:1}}
@keyframes bubbleTail{0%,24%,83%,100%{opacity:1}40%,74%{opacity:0}}
@keyframes bubbleBurst{0%,53%,75%,100%{opacity:0;transform:translate(0,0) scale(.2)}55%{opacity:1;transform:translate(0,0) scale(1)}70%{opacity:0;transform:translate(var(--x),var(--y)) scale(.5)}}
@keyframes planningCheck{0%,15%,100%{stroke-dashoffset:20}35%,83%{stroke-dashoffset:0}}
@keyframes codeTyping{0%,10%,100%{transform:scaleX(0)}45%,85%{transform:scaleX(1)}}
@keyframes codeCursor{50%{opacity:0}}
@keyframes rocketLift{0%,100%{transform:translate(-3px,4px)}50%{transform:translate(6px,-7px)}}
@keyframes rocketFlame{from{opacity:.45;scale:.8}to{opacity:1;scale:1.15}}
@media(max-width:760px){.process-list>li,.process-list>li:not(:first-child){padding:0;min-height:350px}.process-list .process-title{font-size:24px}.process-list .process-description{left:18px;right:18px;font-size:14px}.process-list .is-open .process-icon,.process-list .is-open .process-title{left:18px}}
@media(prefers-reduced-motion:reduce){.process-step *,.listening-bubble:after{animation:none!important;transition:none!important}.planning-checks path{stroke-dashoffset:0}.coding-display i{transform:scaleX(1)}}

/* Animated principle cards: movement belongs to the wrapper, idle motion to the image. */
.principle-list .principle-card{position:relative;height:340px;min-height:340px;padding:0;overflow:hidden;background:transparent;transition:background .4s}
.principle-list .principle-card.is-open{background:#beff000c}
.principle-trigger{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:none;color:inherit;text-align:left;cursor:pointer}
.principle-trigger:focus-visible{outline:2px solid #456000;outline-offset:-5px;border-radius:4px}
.principle-list .principle-icon{position:absolute;display:block;left:50%;top:42px;width:144px;height:144px;background:none;border-radius:0;transform:translateX(-50%);transform-origin:top left;transition:left .65s var(--ease),top .65s var(--ease),transform .65s var(--ease);pointer-events:none}
.principle-list .principle-icon .emoji-3d{position:relative;z-index:1;width:144px;height:144px;margin:0;transform:none;transition:none}
.principle-list .principle-title{position:absolute;top:222px;left:50%;width:max-content;max-width:calc(100% - 36px);margin:0;text-align:left;font-size:25px;line-height:1.35;transform:translateX(-50%);transition:top .65s var(--ease),left .65s var(--ease),transform .65s var(--ease),font-size .65s var(--ease);pointer-events:none}
.principle-list .principle-description{position:absolute;top:183px;left:28px;right:28px;margin:0;font-size:15px;line-height:1.85;color:var(--muted);opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .3s,transform .45s var(--ease),visibility .3s;pointer-events:none}
.principle-list .is-open .principle-icon{left:28px;top:28px;transform:translateX(0) scale(.55556)}
.principle-list .is-open .principle-title{top:132px;left:28px;width:max-content;max-width:calc(100% - 56px);font-size:21px;transform:none}
.principle-list .is-open .principle-description{opacity:1;visibility:visible;transform:none;transition-delay:.15s}
.principle-eyes .emoji-3d{animation:principleBlink 5.2s infinite;transform-origin:center 60%}
.principle-bulb .emoji-3d{animation:principleLight 4s ease-in-out infinite}
.principle-list .principle-bulb .principle-icon:before{content:'';position:absolute;inset:5px 10px 24px;border-radius:50%;background:radial-gradient(ellipse,#beff0070,transparent 70%);filter:blur(9px);animation:principleGlow 4s ease-in-out infinite}
.principle-gear .emoji-3d{animation:principleSpin 14s linear infinite}
.principle-card:not(.is-in-view) .emoji-3d,.principle-card:not(.is-in-view) .principle-icon:before{animation-play-state:paused}
@keyframes principleBlink{0%,40%,45%,49%,100%{transform:scaleY(1)}42%,47%{transform:scaleY(.08)}}
@keyframes principleLight{0%,15%,100%{filter:grayscale(.9) brightness(.65) drop-shadow(0 6px 8px #1111)}40%,72%{filter:grayscale(0) brightness(1.12) drop-shadow(0 0 12px #beff0070)}}
@keyframes principleGlow{0%,15%,100%{opacity:0;transform:scale(.7)}40%,72%{opacity:1;transform:scale(1.12)}}
@keyframes principleSpin{to{transform:rotate(360deg)}}
@media(min-width:1101px) and (max-width:1500px){.principle-list .principle-description{font-size:14px;left:22px;right:22px}}
@media(max-width:760px){.principle-list .principle-card{height:330px;min-height:330px;border-right:0;border-bottom:1px solid var(--line)}.principle-list .principle-title{font-size:23px}.principle-list .principle-description{font-size:14px;left:18px;right:18px}.principle-list .is-open .principle-icon{left:18px}.principle-list .is-open .principle-title{left:18px;width:max-content;max-width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){.principle-list .principle-card *,.principle-list .principle-icon:before{animation:none!important;transition:none!important}}

.quote-float{position:fixed;right:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:46;display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 20px 12px 14px;background:var(--brand);color:#14200c;border:1px solid #14200c20;border-radius:20px;box-shadow:0 8px 28px #17201825;isolation:isolate;transition:transform .25s,box-shadow .25s}
.quote-float:hover,.quote-float:focus-visible{transform:translateY(-4px);box-shadow:0 14px 34px #17201830}
.quote-float:focus-visible{outline:3px solid #14200c;outline-offset:5px}
.quote-float-copy{display:grid;gap:1px}.quote-float-copy small{font-size:10px;font-weight:600}.quote-float-copy strong{font-size:22px;letter-spacing:-.04em}.quote-float-copy strong>span{display:inline-block;margin-left:9px;transition:transform .25s}.quote-float:hover strong>span{transform:translate(2px,-2px)}
.quote-gift{position:relative;display:block;width:48px;height:52px;flex:none;filter:drop-shadow(0 5px 3px #15200930)}
.gift-box{position:absolute;left:5px;bottom:3px;width:38px;height:32px;border-radius:3px 3px 7px 7px;background:linear-gradient(105deg,#fff 0%,#eef6e4 58%,#c9d9b5 100%);box-shadow:inset -5px 0 0 #a3b49140}
.gift-box:after{content:'';position:absolute;left:15px;top:0;width:8px;height:100%;background:linear-gradient(90deg,#283c13,#55712d,#21390b)}
.gift-lid{position:absolute;left:2px;bottom:31px;width:44px;height:10px;border-radius:4px;background:linear-gradient(100deg,#fff,#e6efdb);box-shadow:0 3px 3px #1b2c1730;z-index:2}
.gift-lid:after{content:'';position:absolute;left:18px;width:8px;height:100%;background:#36521e}
.gift-bow{position:absolute;left:10px;bottom:41px;width:28px;height:11px;z-index:3}
.gift-bow:before,.gift-bow:after{content:'';position:absolute;bottom:0;width:15px;height:11px;border:4px solid #36521e;border-radius:70% 70% 15% 70%;box-sizing:border-box;transform:rotate(20deg)}
.gift-bow:after{right:0;transform:rotate(-20deg) scaleX(-1)}
.gift-confetti{position:absolute;left:39px;top:30px;pointer-events:none;z-index:4}
.gift-confetti i{position:absolute;display:block;width:6px;height:10px;background:#344b20;border-radius:1px;opacity:0}
.gift-confetti i:nth-child(3n){background:#fff}.gift-confetti i:nth-child(3n + 1){background:var(--brand);outline:1px solid #567c1525}.gift-confetti i:nth-child(2n){width:7px;height:7px;border-radius:50%}
.quote-float:is(:hover,:focus-visible) .gift-lid,.quote-float:is(:hover,:focus-visible) .gift-bow{animation:giftOpen .95s cubic-bezier(.2,.7,.2,1) both}
.quote-float:is(:hover,:focus-visible) .gift-box{animation:giftBounce .65s ease-out both}
.quote-float:is(:hover,:focus-visible) .gift-confetti i{animation:giftBurst .9s calc(var(--n)*12ms + 100ms) ease-out both}
@keyframes giftOpen{0%,15%{transform:translateY(0) rotate(0)}40%,65%{transform:translate(-5px,-19px) rotate(-16deg)}100%{transform:none}}
@keyframes giftBounce{0%,100%{transform:none}20%{transform:scale(1.1,.85)}50%{transform:translateY(-5px) scale(.95,1.06)}}
@keyframes giftBurst{0%{opacity:0;transform:translate(0,0) scale(.2)}15%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.65)}}
.codead-hero .film-controls{left:24px;right:auto}
body.folio-modal-open .quote-float-dock{visibility:hidden}
@media(max-width:700px){.quote-float{right:12px;bottom:max(14px,env(safe-area-inset-bottom));min-height:56px;padding:6px 14px 6px 8px;gap:5px;border-radius:16px}.quote-float-copy small{display:none}.quote-float-copy strong{font-size:18px}.quote-gift{transform:scale(.8);width:44px;height:44px}.quote-float-copy strong>span{margin-left:5px}.folio .folio-view-switch{bottom:92px}.codead-hero .film-controls{left:16px;right:auto}.footer{padding-bottom:100px}}
@media(prefers-reduced-motion:reduce){.quote-float,.quote-float *{animation:none!important;transition:none!important}.quote-float:hover,.quote-float:focus-visible{transform:none}.gift-confetti{display:none}}
/* Separate inquiry and telephone links share one floating control. */
.quote-float-dock{position:fixed;right:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:46;background:var(--brand);color:#14200c;border-radius:20px;box-shadow:0 8px 28px #17201825}
.quote-float-dock .quote-float{position:relative;inset:auto;box-shadow:none;border-radius:20px 20px 0 0;border-bottom:0}
.quote-float-dock .quote-float:hover,.quote-float-dock .quote-float:focus-visible{transform:none;box-shadow:none}
.quote-float-phone{display:block;padding:8px 12px 10px;border-top:1px solid #14200c30;border-radius:0 0 20px 20px;text-align:center;font-size:15px;line-height:1.3;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.quote-float-phone:hover{background:#14200c0d;text-decoration:underline;text-underline-offset:3px}
.quote-float-phone:focus-visible{outline:3px solid #14200c;outline-offset:3px}
body:has(.quote-form input:focus,.quote-form textarea:focus) .quote-float-dock{visibility:hidden}
@media(max-width:700px){.quote-float-dock{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));border-radius:16px}.quote-float-dock .quote-float{border-radius:16px 16px 0 0}.quote-float-phone{font-size:13px;padding:7px 10px 9px;border-radius:0 0 16px 16px}}
.quote-float-phone{min-height:44px;display:grid;place-items:center}