/* More generous artwork, with the same restrained editorial layout. */
.hero-art{width:116%;margin-left:-7%;transform-origin:60% 55%}.hero-art-scene{transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) rotate(var(--hero-rotate,0deg)) scale(var(--hero-scale,1.19));transform-origin:57% 53%;transition:transform .18s ease-out}.hero{padding-top:75px;padding-bottom:78px;min-height:760px}.hero-copy{background:transparent}.hero h1{font-size:clamp(53px,6.15vw,96px)}.hero-hello{z-index:2}.project-rail{scroll-snap-type:x proximity}.project-card{transition:translate .7s cubic-bezier(.2,.8,.2,1)}.project-rail.hint .project-card{animation:rail-peek 1.7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--card-index,0)*65ms)}@keyframes rail-peek{0%,100%{translate:0 0}45%{translate:-34px -4px}70%{translate:-25px 0}}
.page-ribbon>svg{transition:transform .6s ease-out}.satin-mesh{opacity:.96}.satin-specular{transition:opacity .5s}.mobile-project{position:relative;perspective:950px}.phone{transform:rotateY(var(--phone-tilt,0deg));transition:transform .35s ease-out;box-shadow:0 25px 40px #241b1424,0 3px 6px #0003}.phone-screen{min-height:0;padding-bottom:40px}.phone .demo-nav{padding-bottom:13px;border-bottom:1px solid #0002;margin-bottom:20px}.demo-eyebrow{font-size:7px!important;letter-spacing:.08em;text-transform:uppercase}.phone .demo-story h4{line-height:1.05}.demo-feature-list{margin:25px 0;padding:18px 0;border-top:1px solid #0003;border-bottom:1px solid #0003}.demo-feature-list b{font-size:10px}.phone-screen>img{height:200px;margin:20px 0;object-position:70% center}.phone-popout{position:absolute;left:12%;top:44%;width:94%;z-index:3;padding:7px;background:#fffdf4dd;backdrop-filter:blur(18px);border:1px solid #fff;border-radius:11px;box-shadow:0 25px 40px #0003;opacity:calc(var(--pop,0)*.98);transform:translate3d(calc(var(--pop,0)*14px),calc(var(--pop,0)*-32px),0) rotate(calc(var(--pop,0)*-5deg)) scale(calc(.82 + var(--pop,0)*.22));pointer-events:none;transition:transform .3s ease-out,opacity .3s}.phone-popout img{width:100%;border-radius:6px;display:block}.phone-popout span{display:block;font-size:11px;font-weight:700;padding:9px 3px 4px}.mobile-project:nth-child(1) .phone-screen{background:#ffe995}.mobile-project:nth-child(3) .phone-screen{background:#dbe7eb}.story-offer{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;border-top:1px solid var(--line);padding:60px 0}.story-offer h2{font-size:clamp(40px,4.5vw,70px);margin-bottom:0}.story-offer>div>p:not(.eyebrow){font-size:21px;line-height:1.4;max-width:520px}.eyebrow,.form-kicker{font-size:11px;font-weight:700;letter-spacing:.15em}.story-offer .small-note{font-size:12px!important;margin-top:16px}.whatsapp-intro{font-size:20px;line-height:1.4;margin-top:26px}.whatsapp-direct{background:var(--paper);color:var(--ink);position:relative;z-index:2}.enquiry-ribbon{top:330px!important}.story-page main{max-width:1150px;margin:auto}.story-page header{border-bottom:1px solid var(--line)}.story-page .story-heading{padding:65px 0 35px}.story-heading h1{font-size:clamp(55px,8vw,105px);max-width:850px;margin:0 0 25px}.story-heading .lead{font-size:24px;line-height:1.35;max-width:690px}.story-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;padding:25px 0 80px}.story-aside{position:sticky;top:35px;align-self:start}.story-aside h2{font-size:35px}.story-aside p{font-size:15px;line-height:1.6}.story-form{padding:0}.story-form input,.story-form textarea{color:var(--ink);background:#ffffff80;border-color:#b2afa5}.story-form label{font-size:16px;font-weight:700;margin-top:26px}.story-form label small{display:block;font-size:13px;font-weight:400;color:#666;margin:7px 0 12px;line-height:1.5}.story-form textarea{min-height:130px}.story-form .consent{display:flex;gap:12px;font-size:13px;line-height:1.5;font-weight:400}.consent input{width:20px;height:20px;flex:none;margin:0}.story-form .button{width:100%;margin-top:20px}.story-form .form-note{color:#555;font-size:12px}.story-aside .ten{font-size:120px;font-weight:800;letter-spacing:-9px;color:var(--blue);line-height:1}.story-back{font-size:14px;border-bottom:1px solid}
@media(min-width:560px) and (max-width:1100px){.hero{min-height:580px;padding-top:55px;padding-bottom:55px}.hero-art{width:112%;margin-left:-5%}.hero h1{font-size:clamp(34px,6vw,65px)}}
@media(max-width:559px){.hero{min-height:0;padding-top:25px;padding-bottom:35px}.hero-art{width:calc(100vw - 18px);margin:45px auto 12px}.hero-art-scene{transform-origin:50% 50%}.hero h1{font-size:clamp(42px,10.8vw,64px)}.story-offer{display:block;padding:38px 0}.story-offer h2{margin-bottom:25px}.story-offer>div>p:not(.eyebrow){font-size:18px}.story-layout{display:block}.story-aside{position:static;margin-bottom:35px}.story-heading .lead{font-size:20px}.story-page header .nav-talk{padding:12px}.story-page header{gap:12px}.story-page .brand{font-size:20px}.phone-popout{width:100%;left:5%}.phone-screen>img{height:150px}.whatsapp-intro{font-size:18px}.enquiry-ribbon{top:auto!important}.phone-grid{gap:38px 20px}}
.motion-paused .phone-popout{display:none}.motion-paused .phone{transform:none}.motion-paused .project-card{animation:none!important}@media(prefers-reduced-motion:reduce){.hero-art-scene{transform:scale(1.08);transition:none}.phone-popout{display:none}.phone{transform:none}.project-card{animation:none!important}.page-ribbon>svg{transform:none!important;transition:none}}
@media(min-width:560px){.hero-art{width:100%;margin-left:-8%}.hero-art-scene{transform-origin:50% 53%}}
.phone-screen:has(.live-example){padding:0;position:relative;min-height:0}.live-example{border:0;width:360px;height:2600px;display:block;transform-origin:0 0;pointer-events:none}.phone-popout{opacity:calc(var(--pop,0)*.98)}.mobile-project:nth-child(1) .phone-popout{clip-path:inset(0 calc((1 - var(--pop,0))*100%) 0 0);transform:translateY(calc(var(--pop,0)*-20px)) rotate(-4deg) scale(calc(.9 + var(--pop,0)*.18))}.mobile-project:nth-child(2) .phone-popout{transform:translate3d(0,calc((1 - var(--pop,0))*70px - var(--pop,0)*35px),0) rotate(calc(var(--pop,0)*5deg)) scale(calc(.8 + var(--pop,0)*.25))}.mobile-project:nth-child(3) .phone-popout{transform:translate3d(calc((1 - var(--pop,0))*70px),-20px,0) rotateY(calc((1 - var(--pop,0))*30deg)) scale(calc(.85 + var(--pop,0)*.22))}.mobile-project:nth-child(4) .phone-popout{transform:translateY(calc(var(--pop,0)*-45px)) rotate(calc(var(--pop,0)*-7deg)) scale(calc(.65 + var(--pop,0)*.4));box-shadow:0 13px 0 -5px #faf7ef,0 24px 0 -10px #ded8c8,0 30px 40px #0003}
.mobile-project{min-width:0}.phone-screen:has(.live-example){width:100%;min-width:0;overflow:hidden}.live-example{position:absolute;top:0;left:0}.phone-popout img{object-fit:cover}.concept-note{position:relative;display:table;background:var(--paper);padding:4px 0}