/* Lumix motion direction: editorial opening, scroll stage, tactile service stack. */
.sculpture{transition:transform 450ms cubic-bezier(.22,1,.36,1)}.motion-card:focus-within{z-index:5}
:root{--lime:#d9f58c;--ease:cubic-bezier(.22,1,.36,1)}
.navigation{height:84px}.site-header{backdrop-filter:blur(16px);background:#f6f5efed}.motion-hero{padding:48px 0 58px}.hero-kicker{display:flex;justify-content:space-between;align-items:start}.hero-edition{font-size:9px;letter-spacing:.1em}.motion-hero h1{font-size:clamp(72px,8.5vw,132px);line-height:.99;letter-spacing:-.075em;position:relative;margin:28px 0 45px;max-width:1120px}.motion-hero h1 em{color:#69764f}.outline-word{font-weight:400}.hero-star{display:inline-block;color:#819953;font-size:.7em;margin-left:24px;vertical-align:middle}.hero-bottom{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;align-items:center}.hero-bottom p{font-size:13px;line-height:1.75}.hero-bottom .btn{justify-self:start;border-radius:50px;padding-inline:26px}.scroll-cue{font-size:10px;justify-self:end;display:flex;gap:20px;align-items:center}.scroll-cue span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;font-size:20px}.experience{height:135vh;min-height:850px;padding-top:15px;scroll-margin-top:100px}.experience-stage{position:sticky;top:100px;width:calc(100% - 100px);margin:auto;height:min(690px,calc(100vh - 120px));min-height:460px;background:#153c30;border-radius:24px;overflow:hidden;color:#edf2e0;transform:scale(.96);isolation:isolate}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(black,transparent)}.stage-caption,.stage-bottom{position:absolute;left:32px;right:32px;display:flex;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:.06em;z-index:3}.stage-caption{top:26px}.stage-bottom{bottom:23px;color:#bfcec0;font-size:8px}.stage-title{position:absolute;top:20%;left:5%;font-size:clamp(45px,6vw,90px);line-height:1.05;letter-spacing:-.05em;color:#d9f58c}.stage-title em{color:#eef2df}.creative-window{position:absolute;top:21%;right:8%;width:52%;max-width:690px;background:#f0eedf;color:#26332c;border-radius:12px;box-shadow:0 35px 70px #00190c66;transform:rotate(-7deg);border:1px solid #ffffff55}.creative-window .window-chrome{height:28px;font-size:8px}.creative-content{padding:26px 30px}.creative-nav{display:flex;justify-content:space-between;align-items:center;font-size:8px}.creative-nav strong{font-size:23px;letter-spacing:-.06em}.creative-main{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:215px}.creative-main small{font-size:7px;letter-spacing:.1em}.creative-main h2{font-size:clamp(26px,3.4vw,49px);margin:12px 0 20px}.creative-link{display:inline-block;font-size:8px;border-bottom:1px solid;padding-bottom:6px}.creative-footer{display:flex;justify-content:space-between;border-top:1px solid #26332c22;padding-top:15px;font-size:8px}.sculpture{position:relative;height:205px;perspective:700px;transform:rotate(-15deg)}.sculpture i{position:absolute;left:10%;width:80%;height:45%;border-radius:50%;background:linear-gradient(140deg,#f3b383,#a94524 60%,#703119);box-shadow:inset 0 3px 5px #ffcbb966,0 18px 20px #503a181a;transform:rotateX(40deg);top:10%}.sculpture i:nth-child(2){top:24%}.sculpture i:nth-child(3){top:38%}.sculpture i:nth-child(4){top:52%}.sculpture i:nth-child(5){top:66%}.floating-label{position:absolute;z-index:4;background:#d9f58c;color:#24402c;padding:17px 22px;border-radius:10px;box-shadow:0 14px 35px #00180922;font-size:12px}.label-one{top:15%;right:5%;transform:rotate(8deg)}.label-one span{font-size:25px;vertical-align:middle;margin-right:10px}.label-two{bottom:15%;left:15%;background:#eef0e7;transform:rotate(-5deg);font-size:11px}.label-two i{display:inline-block;width:7px;height:7px;background:#71904e;border-radius:50%;margin-right:8px}.manifesto{padding-block:110px;display:grid;grid-template-columns:1.6fr 1fr;gap:32px 60px}.manifesto>.eyebrow{grid-column:1/-1;margin:0}.manifesto h2{font-size:clamp(36px,4vw,59px)}.manifesto>div{padding-top:10px}.manifesto p{font-size:14px;line-height:1.9}.manifesto .text-link{margin-top:12px}.motion-services{padding-bottom:80px}.motion-services .section-intro{grid-template-columns:1fr 2fr}.motion-services .section-intro h2{font-size:clamp(36px,4vw,58px)}.service-stack{position:relative}.motion-card{position:sticky;top:108px;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:54px;border:1px solid #cbd1c0;border-radius:20px;margin-bottom:28px;min-height:470px;box-shadow:0 -10px 30px #23312208;overflow:hidden}.card-web{background:#e8ecdd}.card-seo{background:#eeeadf;top:127px}.card-auto{background:#213e32;color:#f0f1e5;top:146px}.card-index{font-size:10px;letter-spacing:.12em}.card-copy{display:flex;flex-direction:column;align-items:start}.card-copy h3{font-size:clamp(30px,3.2vw,46px);margin:44px 0 23px}.card-copy p{font-size:14px;line-height:1.8;max-width:36ch}.card-link{margin-top:auto;padding-top:25px;display:flex;align-items:center;gap:28px;font-size:12px}.card-link>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid currentColor;border-radius:50%;font-size:21px;transition:transform 240ms var(--ease),background 240ms}.card-auto p{color:#ccd5c7}.card-demo{position:relative;align-self:center;min-height:315px;transition:transform 600ms var(--ease)}.mini-browser{position:absolute;inset:0 40px 15px 0;background:#fffdf3;border-radius:10px;padding:23px;box-shadow:0 22px 35px #4251381a;transform:rotate(-4deg);transition:transform 600ms var(--ease)}.mini-browser>span{font-size:8px;letter-spacing:.12em}.mini-browser strong{display:block;font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.1;margin:15px 0 7px}.mini-browser small{font-size:8px}.mini-art{display:flex;gap:10px;align-items:end;height:135px;margin-top:16px;overflow:hidden;background:#e6ebd7;border-radius:3px;padding:20px 25px 0}.mini-art div{width:33%;height:110%;border-radius:70px 70px 0 0;background:#657448;transform:translateY(35px);transition:transform 700ms var(--ease)}.mini-art div:nth-child(2){height:140%;background:#bfc99c;transition-delay:60ms}.mini-art div:nth-child(3){height:90%;background:#294b37;transition-delay:120ms}.mini-phone{position:absolute;right:0;bottom:-5px;width:125px;height:220px;background:#c9d3af;border:5px solid #263e30;border-radius:22px;padding:19px 12px;transform:rotate(9deg);box-shadow:0 20px 30px #26412b22;transition:transform 650ms var(--ease)}.mini-phone>span{font-family:Georgia,serif;font-size:18px}.mini-phone>div{height:100px;margin-block:12px;border-radius:60px 60px 4px 4px;background:linear-gradient(130deg,#99a778,#314e35)}.mini-phone small{font-size:7px}.search-demo{display:flex;flex-direction:column;justify-content:center;gap:17px;padding:20px}.search-pill{background:#fffdf7;border:1px solid #d9d8cd;border-radius:40px;padding:18px;font-size:11px;box-shadow:0 5px 12px #48462a06;display:flex;gap:18px;align-items:center}.search-pill>span{font-size:23px}.search-result{background:#fffdf7;border-radius:12px;padding:25px;box-shadow:0 18px 35px #514d3212;transform:translateX(15px);transition:transform 600ms var(--ease)}.search-result small{font-size:8px;letter-spacing:.1em}.search-result strong{display:block;font-size:19px;font-weight:400;margin:16px 0 12px;letter-spacing:-.035em}.search-result p{font-size:10px;line-height:1.8}.result-lines{margin-top:20px;display:flex;gap:7px}.result-lines i{height:5px;background:#cbd4bc;width:60%;border-radius:5px;transform-origin:left;transition:transform 600ms}.result-lines i:last-child{width:25%;background:#e4e7dc}.demo-footnote{font-size:8px;color:#6a705f;text-align:center}.flow-demo{padding:10px 45px}.flow-node{display:flex;align-items:center;gap:20px;padding:20px 22px;border:1px solid #7c927255;background:#344e3e;border-radius:12px;font-size:20px;transition:transform 500ms var(--ease)}.flow-node span{font-size:12px}.flow-node small{font-size:8px;margin-left:auto;opacity:.6}.flow-center{background:var(--lime);color:#25452f;transform:translateX(-20px)}.flow-connector{height:38px;width:1px;background:#9faf7c55;margin:auto;position:relative;overflow:hidden}.flow-connector i{position:absolute;inset:0;background:var(--lime);transform:translateY(-100%)}.motion-ribbon{overflow:hidden;padding:35px 0 50px;border-top:1px solid var(--line)}.motion-ribbon>div{font-size:clamp(35px,6vw,85px);white-space:nowrap;letter-spacing:-.04em;color:#899574;transform:translateX(-12%)}.studio-section{border-radius:24px;margin:0 24px}.studio-visual{overflow:hidden;border-radius:10px}.studio-visual img{height:450px;transform:scale(1.06)}.studio-copy .eyebrow{font-size:10px}.steps article{transition:transform 300ms var(--ease)}.closing{background:#d9e4c5;margin:0 24px;border:0;border-radius:20px}.btn:active{transform:scale(.97)}.motion-toggle{position:fixed;bottom:78px;left:22px;z-index:16;border:1px solid var(--line);border-radius:30px;background:var(--paper);padding:8px 13px;font-size:10px;color:var(--ink);cursor:pointer;min-height:36px}
@media(hover:hover) and (pointer:fine){.motion-card:hover .mini-browser{transform:rotate(-1deg) translateY(-8px)}.motion-card:hover .mini-phone{transform:rotate(2deg) translateY(-15px)}.motion-card:hover .mini-art div{transform:translateY(0)}.motion-card:hover .search-result{transform:translateX(0) translateY(-7px)}.motion-card:hover .result-lines i{transform:scaleX(.85)}.motion-card:hover .flow-center{transform:translateX(0)}.motion-card:hover .flow-node:first-child{transform:translateX(-10px)}.card-link:hover>span{transform:rotate(45deg);background:#97ac7233}.steps article:hover{transform:translateY(-8px)}.service-row:hover{padding-inline:0;transform:translateX(6px)}.service-row{transition:transform 250ms,background 250ms}}
@media(max-width:1000px){.motion-card{padding:35px;gap:20px}.creative-window{width:60%;right:6%;top:28%}.stage-title{top:16%;font-size:65px}.hero-bottom{grid-template-columns:1fr 1fr}.scroll-cue{grid-column:2;grid-row:1;align-self:end;transform:translateY(55px)}.hero-bottom .btn{grid-column:2;grid-row:1;align-self:start}.creative-content{padding:20px}.hero-edition{display:none}.flow-demo{padding:15px}.motion-hero h1{font-size:9.2vw}.hero-star{margin-left:12px}}
@media(max-width:760px){.navigation{height:78px}.motion-hero{padding:35px 0 40px}.hero-kicker .eyebrow{font-size:8px;letter-spacing:.1em}.motion-hero h1{font-size:clamp(48px,10.1vw,77px);letter-spacing:-.07em;margin:15px 0 30px;line-height:1.08}.hero-star{position:absolute;right:0;top:-30px;font-size:28px}.hero-bottom{display:flex;flex-wrap:wrap;gap:24px}.hero-bottom p{font-size:12px;width:100%}.hero-bottom .btn{font-size:11px;min-height:46px;padding:14px 19px}.scroll-cue{transform:none;font-size:0;margin-left:auto;gap:0}.scroll-cue span{font-size:20px}.experience{height:auto;min-height:0;padding-bottom:20px}.experience-stage{position:relative;top:auto;width:calc(100% - 24px);height:510px;min-height:0;border-radius:16px;transform:none}.stage-caption{left:20px;right:20px;top:20px;font-size:7px}.stage-caption span:last-child{display:none}.stage-title{top:62px;left:24px;font-size:49px}.creative-window{top:215px;width:83%;right:7%;transform:rotate(-6deg)}.creative-content{padding:16px}.creative-main{min-height:140px}.creative-main h2{font-size:27px}.creative-nav strong{font-size:18px}.creative-nav span{font-size:5px}.creative-main small{font-size:5px}.creative-link{font-size:6px}.creative-footer{font-size:6px;padding-top:10px}.sculpture{height:135px}.stage-bottom{left:20px;right:20px;bottom:15px;font-size:6px}.stage-bottom span:first-child{display:none}.label-one{font-size:9px;top:155px;right:17px;padding:10px 13px}.label-one span{font-size:19px}.label-two{left:22px;bottom:36px;font-size:7px;padding:10px;transform:rotate(-3deg)}.manifesto{padding-block:60px;grid-template-columns:1fr;gap:22px}.manifesto h2{font-size:35px}.manifesto>div{padding:0}.manifesto p{font-size:13px}.motion-services{padding-bottom:35px}.motion-services .section-intro{grid-template-columns:1fr}.motion-card{position:relative;top:auto!important;grid-template-columns:1fr;min-height:0;padding:28px 24px;gap:30px;border-radius:16px}.card-copy h3{font-size:33px;margin:27px 0 18px}.card-copy p{font-size:13px;max-width:none}.card-link{padding-top:18px}.card-demo{min-height:285px;width:100%;max-width:420px;margin:auto}.mini-browser{inset:0 30px 15px 0;padding:20px}.mini-browser strong{font-size:24px}.mini-phone{width:110px;height:195px}.mini-phone>div{height:80px}.search-demo{padding:0;min-height:265px}.search-pill{font-size:10px;padding:15px}.search-result{transform:none}.flow-demo{padding:0 10px;min-height:270px}.flow-center{transform:translateX(-10px)}.flow-node{padding:17px}.motion-ribbon{padding:20px 0 30px}.studio-section,.closing{margin-inline:12px;border-radius:16px}.studio-visual img{height:310px}.motion-toggle{bottom:76px;left:15px;font-size:9px;padding:7px 10px}.ai-entry{left:15px}.ai-entry button{padding-inline:10px;font-size:10px}.wa-float{padding-inline:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.experience{height:auto;min-height:0;padding-bottom:40px}.experience-stage{position:relative;top:auto;transform:none}.motion-card{position:relative;top:auto}.motion-ribbon>div{white-space:normal;font-size:30px;text-align:center}.motion-toggle{display:none}}
html.motion-paused{scroll-behavior:auto}html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation:none!important;transition:none!important}html.motion-paused .motion-card{position:relative;top:auto}html.motion-paused .experience{height:auto;min-height:0;padding-bottom:40px}html.motion-paused .experience-stage{position:relative;top:auto}