/* Gastronomic stage: CSS geometry in a real perspective scene, without WebGL. */
.food-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:40px 55px;isolation:isolate;border-top:1px solid #ff742830;overflow:hidden;background:radial-gradient(ellipse at 70% 45%,#10243f88,transparent 60%)}
.food-copy h2{font-size:clamp(52px,5.2vw,80px)}.food-copy>p:not(.eyebrow){margin-top:28px;font-size:14px;max-width:440px}.phase-copy{margin-top:40px;min-height:155px;padding-left:22px;border-left:2px solid var(--orange)}.phase-copy>span{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--light)}.phase-copy h3{font-size:32px;margin:14px 0}.phase-copy p{font-size:13px;max-width:390px}.food-stage-visual{position:relative;min-height:490px;align-self:center;isolation:isolate}.food-halo{position:absolute;inset:8%;border:1px solid #ff742829;border-radius:50%;box-shadow:0 0 120px #ff5a000a,inset 0 0 80px #ff5a0009}.food-halo:after{content:'';position:absolute;inset:22px;border:1px dashed #ff742844;border-radius:50%;animation:spin 40s linear infinite}.food-scan{position:absolute;left:0;right:0;height:1px;top:20%;background:linear-gradient(90deg,transparent,#ff9a5c,transparent);box-shadow:0 0 20px #ff5a00;animation:foodScan 7s ease-in-out infinite;opacity:.5}.dish-world{position:absolute;inset:0;perspective:900px;transform-style:preserve-3d;transform:rotateY(var(--dish-x,0deg)) rotateX(var(--dish-y,0deg));transition:transform .3s}.dish-platform{position:absolute;width:340px;height:340px;left:50%;top:53%;border:1px solid #ff742866;border-radius:50%;transform:translate(-50%,-50%) rotateX(64deg);background:repeating-radial-gradient(circle,transparent 0 36px,#ff742819 37px 38px);box-shadow:0 0 50px #ff5a0015}.dish-base{position:absolute;left:50%;top:50%;width:270px;height:270px;border-radius:50%;background:linear-gradient(135deg,#eef1ef,#81909c);box-shadow:0 8px 0 #536170,0 18px 25px #0009;transform:translate(-50%,-50%) rotateX(57deg) rotateZ(-12deg);transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.dish-rim{position:absolute;inset:13px;border:1px solid #ffffffa0;border-radius:50%;box-shadow:inset 0 0 10px #43536088}.dish-surface{position:absolute;inset:34px;border-radius:50%;background:radial-gradient(#e2e6e2,#c4cfce);box-shadow:inset 0 3px 15px #54626a66}.food-pasta{position:absolute;width:94px;height:24px;border:7px solid #dc983d;border-radius:50%;box-shadow:2px 4px 0 #86511d,inset 1px 2px 0 #ffe0a3;transform:translateZ(12px) rotate(-25deg);transition:transform 1.2s}.pasta-a{top:111px;left:70px}.pasta-b{top:132px;left:102px;transform:translateZ(20px) rotate(12deg)}.pasta-c{top:89px;left:105px;transform:translateZ(15px) rotate(38deg)}.food-leaf{position:absolute;width:47px;height:25px;border-radius:0 100% 0 100%;background:linear-gradient(30deg,#326333 45%,#b3c784 50%,#67934e 53%);box-shadow:0 4px 9px #17390f55;transition:transform 1.2s}.leaf-a{top:88px;left:87px;transform:translateZ(35px) rotate(-32deg)}.leaf-b{top:148px;left:134px;transform:translateZ(33px) rotate(130deg)}.food-tomato{position:absolute;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffb271,#e14c29 40%,#8b1e0d);box-shadow:0 5px 7px #9d2b0d66;transition:transform 1.2s}.tomato-a{top:137px;left:72px;transform:translateZ(23px)}.tomato-b{top:93px;left:168px;transform:translateZ(20px)}
.cloche{position:absolute;width:245px;height:132px;left:50%;top:25%;margin-left:-122px;background:linear-gradient(105deg,#2b394a 2%,#a3afb3 30%,#e7eeee 42%,#526274 60%,#172838 85%,#d1d9dc);border-radius:150px 150px 10px 10px;border-bottom:8px solid #a9b5ba;box-shadow:0 12px 25px #0008,inset 2px 1px 3px #fff7;transform:translateY(10px) rotate(-7deg);transition:transform 1.4s cubic-bezier(.16,.7,.1,1),opacity 1s;z-index:3}.cloche-handle{position:absolute;width:35px;height:17px;left:105px;top:-16px;border:5px solid #a4afb8;border-bottom:0;border-radius:20px 20px 0 0}.cloche-shine{position:absolute;inset:5px 35px;border-radius:100px 100px 0 0;background:linear-gradient(100deg,transparent,#ffffff48,transparent);filter:blur(6px)}.order-ticket{position:absolute;left:3%;top:23%;width:135px;min-height:155px;padding:17px;background:linear-gradient(140deg,#172d48e8,#081426f2);border:1px solid #ff74288a;box-shadow:0 0 30px #ff5a0020;transform:rotateY(15deg) rotate(-12deg);transition:transform 1s,opacity 1s;z-index:4}.order-ticket i{display:block;width:30px;border-top:3px solid var(--orange);margin-bottom:18px}.order-ticket b{font:800 29px Display;display:block}.order-ticket span,.order-ticket em{font-size:7px;display:block;margin-top:8px;font-style:normal;letter-spacing:.08em}.order-ticket em{color:var(--light)}.ingredient-tag{position:absolute;border:1px solid #ff742877;padding:8px 10px;font:800 16px Display;background:#081426eb;opacity:0;transition:transform 1s,opacity 1s;z-index:5}.tag-a{top:16%;right:2%;transform:translateY(40px)}.tag-b{bottom:25%;left:0;transform:translateY(-40px)}.tag-c{bottom:27%;right:2%;transform:translateY(-40px)}.data-beam{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#ff7428,transparent);width:120px;opacity:0;transition:opacity 1s;box-shadow:0 0 8px #ff7428}.beam-a{left:8%;top:65%;transform:rotate(-30deg)}.beam-b{right:0;top:62%;transform:rotate(30deg)}.scene-caption{position:absolute;bottom:18px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:8px;letter-spacing:.1em;color:var(--light)}.food-stage-visual>.concept-note{position:absolute;bottom:-12px;width:100%;text-align:center}.food-controls{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);gap:0}.food-controls button{background:transparent;border:0;color:var(--muted);padding:22px 16px;text-align:left;font:800 24px Display;position:relative;min-height:70px;transition:background .4s,color .4s}.food-controls button small{font:400 9px Inter;margin-right:15px;color:var(--light)}.food-controls button>span{float:right;font:400 20px Inter;color:var(--orange)}.food-controls button:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .4s}.food-controls button.active{color:white;background:linear-gradient(#ff5a0000,#ff5a0010)}.food-controls button.active:after{transform:scaleX(1)}.food-cta{grid-column:1/-1;justify-self:start;margin-top:-10px}
.food-stage[data-phase="1"] .cloche,.food-stage[data-phase="2"] .cloche,.food-stage[data-phase="3"] .cloche{transform:translate(45px,-92px) rotate(14deg) scale(.88);opacity:.2}.food-stage[data-phase="1"] .order-ticket{transform:translate(160px,-65px) rotate(5deg);opacity:.6}.food-stage[data-phase="2"] .order-ticket,.food-stage[data-phase="3"] .order-ticket{transform:translate(-15px,-45px) rotate(-7deg);opacity:.25}.food-stage[data-phase="2"] .dish-base{transform:translate(-50%,-50%) rotateX(50deg) rotateZ(8deg)}.food-stage[data-phase="2"] .food-pasta{transform:translateZ(80px) translateY(-30px) rotate(-15deg)}.food-stage[data-phase="2"] .food-leaf{transform:translateZ(110px) translateY(-60px) rotate(-35deg)}.food-stage[data-phase="2"] .food-tomato{transform:translateZ(55px) translateX(22px)}.food-stage[data-phase="2"] .ingredient-tag,.food-stage[data-phase="3"] .ingredient-tag{opacity:1;transform:translateY(0)}.food-stage[data-phase="2"] .tag-c{opacity:0}.food-stage[data-phase="3"] .dish-base{transform:translate(-50%,-50%) rotateX(57deg) rotateZ(12deg) scale(.83)}.food-stage[data-phase="3"] .data-beam{opacity:1;animation:beamPulse 2s ease-in-out infinite}.food-stage[data-phase="3"] .food-halo{box-shadow:0 0 100px #ff5a0025,inset 0 0 60px #ff5a0015}
/* Text and controls carry the same energy as the scene. */
.button{border-radius:6px 6px 18px 6px;background:linear-gradient(110deg,#ff7428,#ff5a00 60%,#f34d00);box-shadow:inset 0 1px 0 #ffb581,0 5px 22px #ff5a0018;transition:transform .25s,box-shadow .25s,filter .25s}.button>span{border:1px solid #08142655;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:18px;transition:rotate .3s,background .3s}.button:hover{box-shadow:0 8px 35px #ff5a0044,inset 0 1px 0 #ffd1a2;filter:brightness(1.06)}.button:hover>span{rotate:45deg;background:#081426;color:#ff9a5c}.button:active{transform:translateY(1px) scale(.985)}.hero-impact{position:relative;text-shadow:0 0 65px #ff5a0022}.hero-impact:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:70%;background:linear-gradient(90deg,#ff9a5c,transparent);transform-origin:left;animation:lineCharge 3s ease-in-out infinite}.chapter-heading h2 em,.cost-intro h2 em,.food-copy h2 em{background:linear-gradient(100deg,#ff5a00 10%,#ff9a5c 45%,#ff5a00 75%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:typeLight 8s ease-in-out infinite}.kinetic-word{display:inline-block;opacity:1;transform:none;transition:transform .8s cubic-bezier(.16,.8,.2,1),opacity .6s;transition-delay:calc(var(--word-i)*35ms)}.reveal.pending .kinetic-word{opacity:0;transform:translateY(35px) rotateX(-65deg)}.solution-panel{transition:box-shadow .4s}.solution-panel:hover{box-shadow:0 0 60px #ff5a0009}.hero h1{font-size:clamp(90px,9vw,148px)}.hero-impact{font-size:1.16em!important}.hero-bottom p{max-width:490px}.hero-bottom .button{margin-top:24px}
@keyframes foodScan{0%,100%{top:20%;opacity:0}20%,80%{opacity:.4}50%{top:80%}}@keyframes beamPulse{50%{filter:brightness(2);opacity:.4}}@keyframes typeLight{50%{background-position:100% 50%}}@keyframes lineCharge{50%{transform:scaleX(.3);opacity:.3}}
@media(max-width:1100px) and (min-width:801px){.food-stage{gap:25px}.dish-world{scale:.85}.food-controls button{font-size:20px}}
@media(max-width:800px){.food-stage{grid-template-columns:1fr;padding:75px 24px;gap:20px}.food-copy h2{font-size:clamp(50px,9vw,76px)}.food-copy>p:not(.eyebrow){font-size:14px}.phase-copy{margin-top:30px;min-height:145px}.food-stage-visual{min-height:430px;max-width:540px;width:100%;justify-self:center}.food-controls button{padding:18px 10px;font-size:19px}.food-controls button small{margin-right:6px}.food-controls button>span{display:none}.food-cta{font-size:10px;margin-top:8px}.food-stage .eyebrow{font-size:9px}}
@media(max-width:600px){.hero{height:auto;min-height:820px;max-height:none}.hero-layout{min-height:820px;padding:126px 22px 70px;justify-content:center}.hero h1{font-size:clamp(58px,16.2vw,76px);line-height:.98}.hero-impact{font-size:1.16em!important}.hero-kicker{font-size:7px;letter-spacing:.045em;margin-bottom:28px}.hero-bottom p{font-size:13px;line-height:1.8}.hero-bottom{margin-top:24px}.hero-bottom .button{margin-top:22px;width:100%;font-size:10px}.hero-caption{margin-top:24px}.scroll-cue{display:none!important}.header .brand{width:135px}.header{gap:8px;padding-inline:18px}.header .button.small{font-size:9px;gap:8px;min-height:42px}.header .button.small>span{width:23px;height:23px;font-size:14px}.header-actions{gap:7px}.motion-control{width:38px;min-width:38px;height:42px;min-height:42px}.food-stage{padding-inline:22px}.food-copy h2{font-size:52px}.phase-copy h3{font-size:29px}.phase-copy p{font-size:14px}.food-stage-visual{min-height:350px}.dish-world{scale:.77;inset:-20px -30px}.food-controls{grid-template-columns:1fr 1fr}.food-controls button{font-size:21px;min-height:60px;border-bottom:1px solid #ffffff14}.scene-caption{font-size:6px;bottom:5px}.food-stage-visual>.concept-note{font-size:7px;bottom:-15px}.food-controls{margin-top:25px}.food-cta{font-size:9px;gap:20px}.button{max-width:100%}.mobile-cta{font-size:10px;left:14px;right:14px;bottom:10px}.contact-copy h2{font-size:clamp(60px,17vw,82px)}.transform-sticky h2{font-size:clamp(42px,11.5vw,54px)}.form-title>p{font-size:28px}.consultant-copy h2{font-size:clamp(49px,14.7vw,65px)}.consultant-copy h2 em{overflow-wrap:normal}.consultant{grid-template-columns:minmax(0,1fr)}.word-universe{max-width:100%}.lead-form{min-width:0}.form-grid label{min-width:0}}
.motion-paused .food-stage *,.motion-paused .hero-impact:after,.motion-paused .chapter-heading h2 em,.motion-paused .cost-intro h2 em,.motion-paused .food-copy h2 em{animation-play-state:paused!important}.motion-paused .kinetic-word{opacity:1;transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.food-stage *, .kinetic-word{animation:none!important;transition:none!important}.kinetic-word{opacity:1!important;transform:none!important}.hero-impact:after{animation:none}.dish-world{transform:none!important}}

/* Keep animated decoration from widening narrow viewports without changing sticky scroll behavior. */
html{overflow-x:clip}
.chapter-heading h2 em .kinetic-word{background:inherit;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* Scene 02 — clear sem sistema / com sistema progression. */
.button{border-radius:8px 8px 20px 8px;box-shadow:inset 0 1px 0 #ffd2ad,inset 0 -3px 0 #c94300,0 9px 24px #ff5a0030;transform:translateZ(0)}
.button:after{content:"";position:absolute;inset:2px;border:1px solid #ffffff55;border-radius:inherit;pointer-events:none;opacity:.55}
.button>span{rotate:0deg;transform:translate3d(0,0,0);box-shadow:inset 0 1px #ffffff55}
.button:hover>span{rotate:0deg;transform:translate3d(3px,-2px,0);background:#081426;color:#ff9a5c}
.button:active{transform:translateY(2px) scale(.99);box-shadow:inset 0 2px 4px #8d2a00,0 2px 8px #ff5a0018}
.transform-sticky h2{font-size:clamp(54px,5.8vw,82px);max-width:43%;margin-top:clamp(25px,4vh,46px);line-height:.91;text-wrap:balance}
.transform-sticky h2 em{color:#ff9a5c}
.word-universe{top:21%;right:4%;width:56%;height:62%;max-width:880px;padding:58px 16px 16px;border:1px solid #ffffff30;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#102036 0%,#07111f 55%,#0a1728 100%);box-shadow:0 30px 75px #0008,inset 0 1px #ffffff24,inset 0 -14px 30px #0005;transform:perspective(1300px) rotateY(-5deg) rotateX(1.5deg);transition:transform 1s cubic-bezier(.16,.7,.2,1),border-color .8s,box-shadow .8s,background .8s}
.word-universe:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(125deg,#ffffff0a 0%,transparent 28% 68%,#ff8a3d0a 100%),repeating-linear-gradient(0deg,transparent 0 23px,#ffffff05 24px)}
.screen-toolbar{position:absolute;z-index:5;top:0;left:0;right:0;height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid #ffffff1f;background:linear-gradient(90deg,#13243a,#0b1829);font:700 8px/1.2 Inter,sans-serif;letter-spacing:.12em;color:#aebed0}
.screen-brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.screen-brand i{display:block;width:7px;height:7px;border-radius:50%;background:#ff6b55;box-shadow:0 0 12px #ff5a00;animation:signalBlink 1.8s steps(2,end) infinite}
.screen-indicator{display:flex;align-items:center;gap:7px;color:#ff987a;text-align:right}.screen-indicator:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#ff6b55;box-shadow:0 0 10px #ff5a00}
.universe-ring{z-index:0;width:360px;height:360px;left:50%;top:53%;border-color:#ff765020;box-shadow:0 0 55px #ff5a0010;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(-20deg)}
.universe-core{z-index:0;left:50%;top:53%;width:142px;height:142px;opacity:.4;border:1px solid #ff765066;background:radial-gradient(circle at 35% 25%,#2a2631,#0a1423 64%);box-shadow:inset 0 0 30px #ff5a0013,0 15px 35px #0008}
.universe-core svg{width:48px;height:48px;stroke:#ff8151}.universe-core span{font-size:6px}.universe-core b{font-size:16px;text-align:center;max-width:100px;line-height:1.05}
.flying-word{z-index:2;width:46%;max-width:310px;min-height:58px;padding:13px 30px 13px 36px;white-space:normal;border:1px solid #ff785754;border-radius:5px;background:linear-gradient(135deg,#251c24ed,#101827f5);box-shadow:0 12px 24px #0006,inset 0 1px #ffffff14;color:#ffe1d0;font:800 clamp(13px,1.45vw,19px)/1.12 Display;letter-spacing:.015em;backdrop-filter:blur(12px);transition:left 1s cubic-bezier(.18,.7,.2,1),top 1s cubic-bezier(.18,.7,.2,1),width .7s,transform 1s cubic-bezier(.18,.7,.2,1),background .8s,border-color .8s,box-shadow .8s,color .8s,font-size .7s}
.flying-word:before{content:"!";position:absolute;left:12px;top:50%;display:grid;place-items:center;width:15px;height:15px;border:1px solid #ff775b88;border-radius:50%;background:#512b30;color:#ff977b;font:800 10px/1 Inter,sans-serif;transform:translateY(-50%);transition:all .7s}
.flying-word>span{display:block;max-width:100%;font:700 .76em/1.2 Inter,sans-serif;letter-spacing:.045em;color:#ffd9c4;transition:opacity .45s,transform .7s}
.flying-word>b{left:36px;top:50%;right:25px;white-space:normal;font:800 1em/1.1 Display;text-transform:uppercase;transform:translateY(-38%);transition:opacity .45s,transform .7s}
.w1{left:3%;top:13%;--x:-9px;--y:-4px;--rotate:-5deg}.w2{left:54%;top:12%;--x:8px;--y:8px;--rotate:4deg}.w3{left:20%;top:72%;--x:-3px;--y:9px;--rotate:3deg}.w4{left:1%;top:49%;--x:6px;--y:-6px;--rotate:-4deg}.w5{left:59%;top:51%;--x:8px;--y:4px;--rotate:5deg}.w6{left:33%;top:34%;--x:-10px;--y:1px;--rotate:-2deg}
.transformation.connected .state-label{color:#91e5b7;border-color:#74dca877;background:#16332555}
.transformation.connected .transform-sticky h2 em{color:#8ce5b4}
.transformation.connected .word-universe{transform:perspective(1300px) rotateY(0) rotateX(0);border-color:#76d7a366;background:linear-gradient(145deg,#102b2e 0%,#081c25 52%,#0b1b28 100%);box-shadow:0 30px 75px #0008,inset 0 1px #ffffff26,inset 0 -14px 30px #0005,0 0 65px #49d28f14}
.transformation.connected .screen-toolbar{border-color:#66cf9844;background:linear-gradient(90deg,#102a2b,#0b1d27)}
.transformation.connected .screen-brand i{background:#62dfa1;box-shadow:0 0 12px #62dfa1;animation:none}
.transformation.connected .screen-indicator{color:#91e5b7}.transformation.connected .screen-indicator:before{background:#62dfa1;box-shadow:0 0 11px #62dfa1}
.transformation.connected .universe-ring{border-color:#63d79b35;box-shadow:0 0 55px #40d78c0c}
.transformation.connected .universe-core{opacity:.12;border-color:#63d79b55;box-shadow:none}
.transformation.connected .flying-word{left:3%;width:45%;min-height:56px;padding:12px 12px 12px 36px;transform:translate(0,0) rotate(0);border-color:#65d49b6b;border-radius:8px;background:linear-gradient(135deg,#173543f5,#102832f7);box-shadow:0 9px 22px #0005,inset 0 1px #d2fff51c;color:#f3fff9;font-size:clamp(13px,1.4vw,18px);animation:none;backdrop-filter:blur(14px)}
.transformation.connected .flying-word:before{content:"✓";border-color:#62dfa188;background:#173a33;color:#9ef0c0;font-size:9px}
.transformation.connected .flying-word>span{opacity:0;transform:translateY(-8px)}
.transformation.connected .flying-word>b{opacity:1;transform:translateY(-50%)}
.transformation.connected .w1{left:3%;top:16%}.transformation.connected .w2{left:52%;top:16%}.transformation.connected .w3{left:3%;top:43%}.transformation.connected .w4{left:52%;top:43%}.transformation.connected .w5{left:3%;top:70%}.transformation.connected .w6{left:52%;top:70%}
.transform-bottom .connect-toggle{position:relative;isolation:isolate;overflow:hidden;min-height:56px;max-width:360px;padding:15px 20px;border:1px solid #ff9a5c;border-radius:999px;background:linear-gradient(115deg,#ff8a36,#ff5a00 65%,#e94800);box-shadow:inset 0 1px #ffd4ad,inset 0 -3px #c53d00,0 10px 28px #ff5a0030;color:#081426;font:800 10px/1.35 Inter,sans-serif;letter-spacing:.07em;transition:transform .25s,box-shadow .3s,filter .3s}
.transform-bottom .connect-toggle:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff66 48%,transparent 70%);transform:translateX(-120%);animation:buttonSweep 5s ease-in-out infinite}
.transform-bottom .connect-toggle:hover{transform:translateY(-3px);box-shadow:inset 0 1px #fff,inset 0 -3px #c53d00,0 15px 36px #ff5a0044;filter:brightness(1.06)}
.transform-bottom .connect-toggle:active{transform:translateY(1px) scale(.99)}
.transform-bottom .connect-toggle>span{position:relative;z-index:1;display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid #08142640;border-radius:50%;font:400 18px/1 Inter,sans-serif;transition:transform .3s,background .3s,color .3s}
.transform-bottom .connect-toggle:hover>span{transform:translate(3px,-2px) rotate(45deg);background:#081426;color:#ff9a5c}
@keyframes signalBlink{50%{opacity:.35}}@keyframes buttonSweep{0%,58%,100%{transform:translateX(-120%)}78%{transform:translateX(120%)}}
@media(max-width:900px){
 .transform-sticky{display:flex;flex-direction:column;align-items:stretch;gap:0;height:max(100svh,760px);min-height:760px;max-height:none;padding:94px clamp(20px,4.5vw,34px) 108px}
 .transform-top{flex:none;align-items:center}.transform-top .eyebrow{font-size:8px;letter-spacing:.1em}.state-label{max-width:55%;text-align:right;font-size:8px;line-height:1.35;padding:7px 9px;letter-spacing:.08em}
 .transform-sticky h2{max-width:100%;font-size:clamp(40px,7.5vw,60px);line-height:.92;margin:22px 0 10px}
 .word-universe{position:relative;inset:auto;width:100%;height:clamp(250px,36svh,310px);max-width:none;flex:none;margin:8px 0 0;transform:none;padding:52px 12px 12px}
 .universe-ring{width:280px;height:280px}.universe-core{width:110px;height:110px}
 .flying-word{width:46%;min-height:50px;font-size:clamp(11px,1.8vw,15px);padding:11px 10px 11px 31px}.flying-word:before{left:9px;width:13px;height:13px}.flying-word>b{left:31px;right:9px}
 .w1{left:2%;top:16%}.w2{left:54%;top:16%}.w3{left:17%;top:71%}.w4{left:2%;top:47%}.w5{left:57%;top:51%}.w6{left:34%;top:35%}
 .transformation.connected .flying-word{width:45%;min-height:48px;font-size:clamp(11px,1.7vw,14px);padding:10px 8px 10px 31px}
 .transformation.connected .w1{left:3%;top:16%}.transformation.connected .w2{left:52%;top:16%}.transformation.connected .w3{left:3%;top:43%}.transformation.connected .w4{left:52%;top:43%}.transformation.connected .w5{left:3%;top:70%}.transformation.connected .w6{left:52%;top:70%}
 .transform-bottom{position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:18px}.transform-bottom p{max-width:45%;font-size:11px}.transform-bottom .connect-toggle{flex:0 1 340px;min-width:210px;gap:14px;justify-content:space-between}
 .story-meter{left:clamp(20px,4.5vw,34px);right:clamp(20px,4.5vw,34px);bottom:55px}.transform-sticky>.concept-note{left:clamp(20px,4.5vw,34px);right:clamp(20px,4.5vw,34px);bottom:25px;font-size:8px}
}
@media(max-width:520px){
 .transform-sticky{height:max(100svh,760px);min-height:760px;padding:82px 18px 108px}
 .transform-top .eyebrow{font-size:7px;letter-spacing:.07em}.state-label{max-width:57%;font-size:7px;padding:6px 7px}
 .transform-sticky h2{font-size:clamp(38px,10.8vw,48px);margin:18px 0 8px}
 .word-universe{height:260px;padding:45px 9px 9px;border-radius:14px}.screen-toolbar{height:37px;padding:0 10px;font-size:6px;letter-spacing:.08em}.screen-brand{gap:6px}.screen-brand i{width:6px;height:6px}.screen-indicator{font-size:6px;gap:5px}
 .flying-word{width:47%;min-height:47px;padding:9px 7px 9px 25px;font-size:clamp(9px,2.55vw,11px);line-height:1.1}.flying-word:before{left:6px;width:12px;height:12px;font-size:8px}.flying-word>b{left:25px;right:7px;font-size:1em}
 .w1{left:1%;top:16%}.w2{left:53%;top:16%}.w3{left:17%;top:71%}.w4{left:1%;top:47%}.w5{left:56%;top:51%}.w6{left:33%;top:35%}
 .transformation.connected .flying-word{width:46%;min-height:45px;padding:8px 6px 8px 25px;font-size:clamp(9px,2.45vw,10.5px)}
 .transformation.connected .w1{left:2%;top:16%}.transformation.connected .w2{left:52%;top:16%}.transformation.connected .w3{left:2%;top:43%}.transformation.connected .w4{left:52%;top:43%}.transformation.connected .w5{left:2%;top:70%}.transformation.connected .w6{left:52%;top:70%}
 .transform-bottom{gap:10px;padding-top:14px}.transform-bottom p{max-width:42%;font-size:9px;line-height:1.55}.transform-bottom .connect-toggle{min-width:0;flex:1;min-height:48px;padding:10px 10px;font-size:8px;gap:8px;letter-spacing:.045em}.transform-bottom .connect-toggle>span{width:24px;height:24px;font-size:15px}
 .story-meter{bottom:53px}.transform-sticky>.concept-note{font-size:7px;bottom:24px}
}
@media(prefers-reduced-motion:reduce){.screen-brand i,.transform-bottom .connect-toggle:before{animation:none!important}.word-universe,.flying-word,.flying-word>span,.flying-word>b{transition:none!important}.flying-word{animation:none!important}}
.motion-paused .screen-brand i,.motion-paused .transform-bottom .connect-toggle:before,.motion-paused .flying-word{animation-play-state:paused!important}
/* Add material highlights to the existing CSS plate and food composition. */
.dish-base{background:radial-gradient(circle at 34% 26%,#fff 0%,#e4e8e6 20%,#c7d0d0 54%,#85939c 82%,#687784 100%);box-shadow:0 8px 0 #536170,0 20px 28px #000a,inset 0 2px 6px #fff9}
.dish-base:before{content:"";position:absolute;inset:7px;border:1px solid #ffffffb0;border-radius:50%;box-shadow:inset 0 0 13px #43536070,0 1px 2px #ffffffaa;background:linear-gradient(135deg,#ffffff1c,transparent 40%);pointer-events:none}
.dish-rim{inset:13px;border:2px solid #ffffff99;box-shadow:inset 0 0 10px #43536088,0 1px 2px #fff9}
.dish-surface{background:radial-gradient(ellipse at 38% 33%,#f2f1e6 0%,#dddccf 46%,#b9c0bb 100%);box-shadow:inset 0 4px 18px #54626a66,inset 0 -4px 9px #707b7b44}
.dish-surface:after{content:"";position:absolute;inset:16% 19%;border-radius:50%;background:radial-gradient(ellipse at 35% 30%,#d77b37cc,#b95022aa 45%,#8e341e66 70%,transparent 73%);filter:blur(1px);opacity:.82}
.food-pasta{background:linear-gradient(110deg,#9c5d21 0%,#e8b65d 24%,#ffe3a0 47%,#c87c2b 76%,#f1c56d 100%);border:5px solid #d99743;box-shadow:2px 5px 0 #86511d,inset 1px 2px 0 #fff0bd,0 3px 7px #4e290f55;filter:drop-shadow(0 3px 3px #3d281a70)}
.food-leaf{background:linear-gradient(30deg,#234d2b 8%,#326333 44%,#c5d69a 49%,#78a451 53%,#2f6334 92%);filter:drop-shadow(0 4px 4px #17390f66)}
.food-leaf:after{content:"";position:absolute;left:48%;top:9%;height:82%;width:1px;background:linear-gradient(transparent,#d9e7b1cc,transparent);transform:rotate(38deg)}
.food-tomato{background:radial-gradient(circle at 30% 24%,#ffd2a0 0%,#ff7a42 19%,#e14c29 43%,#8b1e0d 100%);box-shadow:0 6px 9px #9d2b0d66,inset -3px -4px 6px #67160777,inset 2px 2px 5px #ffd3a055}
.food-tomato:after{content:"";position:absolute;left:20%;top:15%;width:38%;height:22%;border-radius:50%;background:#fff9;filter:blur(2px);transform:rotate(-28deg)}
.cloche{background:radial-gradient(ellipse at 36% 16%,#ffffff91,transparent 28%),linear-gradient(105deg,#1b293a 2%,#788995 19%,#d9e0e2 35%,#f0f3f2 44%,#8999a4 58%,#26384a 77%,#d1d9dc 94%);box-shadow:0 15px 28px #0009,inset 2px 1px 3px #fff9,inset 0 -5px 9px #33455777}
.transformation.connected .universe-core{opacity:0;transform:translate(-50%,-50%) scale(.75);transition:opacity .5s,transform .7s}
.transform-bottom .connect-toggle>span{border-color:#081426;background:#081426;color:#ff985c;box-shadow:inset 0 1px #ffffff22,0 2px 5px #0004}