body{--world:#e8d3bc;--world-dark:#8b4228;--world-soft:#f4e5d4}.new-hero{min-height:700px;grid-template-columns:1.1fr 1fr;gap:40px;padding-top:30px;padding-bottom:70px}.new-hero h1{font:700 clamp(58px,6.2vw,94px)/1.02 Syne,DM,sans-serif;letter-spacing:-.07em;margin-top:27px;margin-bottom:30px}.new-hero h1 em{font:italic 400 1.08em/1.05 Georgia,serif;letter-spacing:-.075em;color:var(--world-dark);transition:color .6s}.new-hero p.lead{font-size:18px;line-height:1.75;max-width:43ch}.new-hero .eyebrow{font-size:10px}.main-actions{display:flex;align-items:center;gap:25px}.new-hero .button{font-size:13px;border-radius:4px;padding:16px 21px;background:var(--world-dark);transition:background .6s,transform .2s}.text-cta{font-size:13px;text-decoration:none;border-bottom:1px solid #493b3360}.hero-bottom{display:flex;gap:23px;font-size:8px;letter-spacing:.1em;margin-top:55px;opacity:.6}.koala-world{height:580px;min-width:0;position:relative;background:radial-gradient(ellipse at 50% 40%,var(--world-soft),var(--world));border-radius:230px 230px 15px 15px;overflow:hidden;isolation:isolate;transition:background .8s}.koala-world:after{content:'';position:absolute;width:65%;height:20px;border-radius:50%;background:#493b3320;filter:blur(15px);bottom:110px;left:17%;z-index:-1}.koala-stage{position:absolute;inset:10px 0 75px;perspective:900px;touch-action:pan-y}.koala-stage>img{height:100%;width:100%;object-fit:contain;aspect-ratio:1;filter:none;animation:koala-float 6s ease-in-out infinite;transition:transform .3s}.koala-stage canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.koala-stage.has-3d>img{opacity:0;pointer-events:none}.koala-stage.has-3d canvas{position:absolute;inset:0}.world-index{position:absolute;top:45px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.14em;white-space:nowrap;opacity:.55}.orbit{position:absolute;width:120%;height:60%;border:1px solid #493b3320;border-radius:50%;top:17%;left:-10%;transform:rotate(-28deg);z-index:-1}.orbit-b{transform:rotate(32deg);height:75%;top:8%}.koala-control{position:absolute;bottom:20px;left:24px;display:flex;flex-direction:column;gap:6px}.koala-control button{font:12px DM;background:#faf6ef;border:1px solid #493b3320;padding:11px 17px;color:#493b33;cursor:pointer;border-radius:40px}.koala-control span{font-size:8px;letter-spacing:.04em;opacity:.65;margin-left:10px}.palette-picker{position:absolute;right:24px;bottom:39px;display:flex;gap:11px}.palette-picker button{border:0;background:#8b4228;width:17px;height:17px;border-radius:50%;cursor:pointer;padding:0}.palette-picker button[data-mood=sage]{background:#506d50}.palette-picker button[data-mood=night]{background:#364554}.palette-picker button[aria-pressed=true]{outline:1px solid #493b33;outline-offset:4px}.koala-world.hello .koala-poster{animation:koala-hello 1.4s ease-in-out}.marquee-band{overflow:hidden;border-block:1px solid #493b3325;background:#f1dfce;padding:20px 0}.marquee-band>div{width:max-content;font:700 34px Syne;letter-spacing:-.04em;animation:marquee 32s linear infinite}.marquee-band i{font-style:normal;color:#8b4228;margin:0 35px}.branded-cards{gap:60px 40px}.branded-cards .cover{aspect-ratio:16/10;border-radius:5px;background:#e7ded3;position:relative;padding:24px 12px 0;box-shadow:0 14px 35px #493b3309}.branded-cards .cover:before{content:'● ● ●';position:absolute;left:12px;top:5px;font-size:7px;color:#a29386;letter-spacing:3px}.branded-cards .cover img{aspect-ratio:1000/563;height:100%;object-fit:cover;object-position:top;box-shadow:0 0 0 1px #493b3310}.branded-cards .concept-tag{top:auto;bottom:15px;left:24px;font-size:10px;padding:5px 10px}.branded-cards .try-demo{left:auto;right:22px;bottom:18px;padding:6px 10px;background:#493b33e8;font-size:10px;border-radius:3px;opacity:0;transform:translateY(5px);transition:.2s}.branded-cards .card:hover .try-demo{opacity:1;transform:none}.branded-cards .card h3{font-size:25px}.branded-cards .card p{font-size:13px}.branded-cards .card:nth-child(3n){grid-column:1/-1;width:75%;justify-self:center}.branded-cards .card:nth-child(3n) .cover{aspect-ratio:16/9}.work.section{border-top:0;padding-top:110px}.process{border-radius:0 80px 0 0}.contact{border-radius:6px}.steps li{transition:transform .3s}.steps li:hover{transform:translateX(8px)}button:focus-visible{outline:3px solid #8b4228;outline-offset:5px}body[data-mood=sage]{--world:#c9d5c2;--world-soft:#e5ebdb;--world-dark:#506d50}body[data-mood=night]{--world:#b8c6ce;--world-soft:#d9e3e7;--world-dark:#364554}@keyframes koala-float{50%{transform:translateY(-8px) rotate(2deg)}}@keyframes koala-hello{20%{transform:translateY(-15px) rotate(-8deg)}50%{transform:translateY(-25px) rotate(8deg)}80%{transform:translateY(-8px) rotate(-4deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1000px){.new-hero{gap:25px}.new-hero h1{font-size:64px}.koala-world{height:530px}.hero-bottom{gap:14px;font-size:7px}.main-actions{gap:16px}.new-hero .button{font-size:12px;padding:15px}}
@media(max-width:850px){.new-hero{grid-template-columns:1fr;min-height:0;padding-top:30px}.new-hero h1{font-size:clamp(50px,8vw,75px)}.new-hero p.lead{max-width:48ch}.koala-world{width:min(530px,100%);height:540px;margin:40px auto 0}.hero-bottom{font-size:8px;margin-top:32px;gap:20px}.branded-cards .card:nth-child(3n){grid-column:auto;width:100%}.branded-cards .card:nth-child(3n) .cover{aspect-ratio:16/10}.work.section{padding-top:65px}.marquee-band{padding:15px 0}.marquee-band>div{font-size:25px}.branded-cards{gap:35px 25px}}
@media(max-width:520px){.new-hero h1{font-size:54px}.new-hero p.lead{font-size:16px}.new-hero .eyebrow{font-size:8px}.new-hero .button{font-size:11px;gap:20px}.text-cta{font-size:11px}.main-actions{gap:18px}.hero-bottom{font-size:6px;gap:17px}.koala-world{height:440px;width:100%;border-radius:180px 180px 8px 8px;margin-top:35px}.koala-stage{inset:0 0 65px}.world-index{font-size:7px;top:32px}.koala-control{left:16px;bottom:18px}.koala-control button{font-size:10px;padding:9px 13px}.palette-picker{right:18px;bottom:34px;gap:10px}.palette-picker button{width:14px;height:14px}.branded-cards .cover{padding:20px 8px 0}.branded-cards .cover:before{font-size:5px;left:10px}.branded-cards .concept-tag{left:16px;bottom:12px;font-size:8px}.branded-cards .try-demo{opacity:1;transform:none;right:16px;bottom:12px;font-size:8px;padding:5px 8px}.branded-cards .card h3{font-size:23px}.branded-cards .card p{font-size:12px}.branded-cards .card-meta{padding-top:15px}.process{border-radius:0 40px 0 0}}
@media(max-width:360px){.new-hero h1{font-size:46px}.hero-bottom{gap:12px}.main-actions{gap:12px}.koala-world{height:400px}.palette-picker{right:15px;gap:8px}.koala-control{left:13px}.koala-control button{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.koala-control .koala-turn{position:absolute;left:calc(100% + 10px);top:0;white-space:nowrap;background:transparent;border-color:#493b3330;padding-inline:12px}.koala-stage.has-3d>img{display:none}.koala-stage.has-3d{inset:0 0 70px}.koala-control button:disabled{opacity:.6;cursor:wait}@media(max-width:520px){.koala-control .koala-turn{font-size:9px;padding-inline:9px;left:calc(100% + 7px)}}